MS Edge vertical & horizontal overscroll

[julkue]

Issue description

We are all familiar with the default iOS "overscroll" behavior. You can overscroll an element, like in this example:

However, using jquery.scrollbar on a MS Edge tablet will cause vertical and horizontal overscroll. Without it, neither vertical nor horizontal appears.

This is especially a problem if you have touch actions inside the scrollbar-container. They will not work, because MS Edge will think you want to pan the scrollbar container.

Steps to reproduce

You can reproduce this bug on the plugins homepage.
Just pan the scrollbar container vertically or horizontally:

Example in my application:

Environment

Windows: 10
MS Edge: 20.10240.16384.0
jquery.scrollbar: 0.2.10

[julkue]

Solution

Related to the documentation the issue can be solved by adding

-ms-touch-action:pan-y;
touch-action:pan-y;

to the scrollbar element. This will permit touch-driven panning (scrolling) on the vertical axis and therefore the overscroll behaviour.
However, this only works if you don't have a horizontal scrollbar. Also swipe actions on the scrollbar's container element will be repressed.

@gromo You should add this to the documentation or use the native scrollbar in MS Edge.

[gromo]

You're telling "Unfortunately I need to report a bug" like you're one of MS Edge developers :)

I have to see this bug with my own eyes first to tell my opinion and what can be done. Unfortunately I don't have tablet with Windows 10, but I will try to find it and test scrollbar there.

[julkue]

Is there anything new?

[gromo]

Not yet - I have tried with Windows 8.1 on tablet in IE, but IE <> Edge. Can you send me screenshot with bug? I have tried on desktop version of MS Edge - but it works correctly.

[julkue]

@gromo Anything new on that? I'm getting a new Surface tablet in the next days so hopefully I will be able to provide a screenshot.

[gromo]

Unfortunately, nothing new on this issue - I still don't have tablet with Windows 10.

[julkue]

@gromo I've updated my question and included screenshots. How can I speed up the fix?

[julkue]

@gromo I would really appreciate it if you would answer me.
It's important for me, because as I said

However, this only works if you don't have a horizontal scrollbar. Also swipe actions on the scrollbar's container element will be repressed.

And I need a solution that will not repress swipe actions on the container.

[gromo]

I am going to look at it as soon as I will have tablet with Windows 10 & MS Edge. Sorry for being late, but I still don't have :(