MurhafSousli / ngx-scrollbar

Custom overlay-scrollbars with native scrolling mechanism
https://ngx-scrollbar.netlify.app/
MIT License
622 stars 99 forks source link

BUG ngx-scrollbar 16.0.0 The scroll stays at the very top and does not move when scrolling on safari #663

Closed ZMizgalski closed 1 month ago

ZMizgalski commented 2 months ago

Reproduction

https://stackblitz.com/edit/stackblitz-starters-ww4be4

Steps to reproduce:

  1. Try to scroll on safari and then on chrome

Expected Behavior

The scroll should move down as you move items on chrome everything works but on safari it does not

Actual Behavior

What behavior did you actually see?

The scroll stays at the very top and does not move when scrolling only on safari

Environment

Safari: Version 18.0 (20619.1.26.31.6) CHrome: Version 129.0.6668.60

MurhafSousli commented 2 months ago

Was it working in v15?

ZMizgalski commented 2 months ago

I am currently using 15.1.3 and its working

MurhafSousli commented 2 months ago

Currently I don't have an access to a macbook, do you see any errors in the console

ZMizgalski commented 2 months ago
MurhafSousli commented 2 months ago

It's possible that your browser is not allowing loading the script from the external source link. try to load the polyfill locally, see hosting the polyfill locally guide, and let me know if it fixed the issue

ZMizgalski commented 2 months ago

I've added polyfill to stackblitz and on the ios simulator and regular safari it works fine but in the local project the same behaviour as before. This time scroll is at the very bottom.

MurhafSousli commented 2 months ago

Search in the issue section for the error you're getting, this issue was resolved https://github.com/MurhafSousli/ngx-scrollbar/issues/624. Try to test it with a brand new project to check whether it has to do with your local project setup.