div layer scrolling
Janne January 5th, 2017

Happy new year 2017!

If I open new modal div layer top of the wade container div, somehow that new div is not scrollable and clickable in touchdevices.

When add "touchstart click" -script to new div layer element, then it is possible to use as clickable element ( example close-button ).
But scrolling is still the problem. Example when open div layer as used to top-list and its height is far away screen, its impossible to scroll down.
With normal desktop computer mousescroll works fine, but touch devices not work.

It there any solution for this?

 

All 2 Comments
Gio January 6th, 2017

Hi and happy 2017!

I haven't tried this myself, but since wade by default blocks input event handling from your browser, you could try using wade.cancelInputEvents when opening and closing your modal dialog window.

Specifically, do this when opening the modal dialog:

wade.cancelInputEvents(false);

And this when closing it

wade.cancelInputEvents(true);

Not sure if it works in your case, but it might do :)

Janne January 9th, 2017

Thanks a lot! That works fine :)

Post a reply
Add Attachment
Submit Reply
Login to Reply