Perfect-scrollbar: does not work Firefox and Edge while working perfect on Chrome

[brknblgc]

It does not works on firefox and edge. and i dont know anything about it. Its same codes, my website on my local server. Works great on Chrome but does not work with Firefox or Edge.

[cfatorNSS]

+1

[adil-gikian]

+1

[Abdipour]

+1

[minamoto19]

+1

[minamoto19]

I'm having the same problem.
It works correctly in Chrome, Opera, Safari and IE11 but not working in Firefox and Edge.

From the developer tools I noticed that in Firefox and Edge the "ps--active-y" class was missing from my container.
Tried to add it manually. After scroll was removed.

I'll try too dig deeper.

[minamoto19]

Hi again.

Try to define a height property to the container you want to be scrollable.

That fixed the issue for me.

Working example: https://jsfiddle.net/gbfLazpx/1074/
Not working example: https://jsfiddle.net/gbfLazpx/1072/

[hatashiro]

height should be set for scroll container. It's the same for browser native scroll with overflow: auto. Also, in @minamoto19's case, overflow: hidden is not set for scroll container, but for body. For the detailed usage, please refer to README.

If there are other issues, please provide some code snippets.

p.s. Please do not spam '+1' with comments. Emoji reaction is recommended by GitHub.

[localota-travel]

Unfortunately, this issue still occurs if you are using a height with calc() =/

[tsujihidetaka]

+1

[tiago0022]

I solved the problem by removing the flex-direction: column-reverse; from the scrollbar container