Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Injected stylesheet 'scroll-behaviour: smooth;' breaks sites using Lenis smooth scroll #129

Open
tobimori opened this issue Jan 31, 2024 · 2 comments
Labels
bug Something isn't working

Comments

@tobimori
Copy link

tobimori commented Jan 31, 2024

I noticed this extension injects a CSS declaration that sets scroll-behaviour: smooth;. This makes all sites using Lenis impossible to use (because it requires scroll-behaviour: auto). Why so?
I do not expect this addon to alter behaviour on any site by default or make them unusable..

@ffoodd ffoodd added the bug Something isn't working label Jan 31, 2024
@ffoodd
Copy link
Owner

ffoodd commented Jan 31, 2024

That was meant to ease anchor scrolling when the alternative text checker is opened. Could be removed or set as an option, though.

FWIW scroll-behavior: smooth enables native smooth scrolling through CSS, so I wonder what's the use case for a JS smooth scrolling library? I dont know Lenis but will try to check their docs and see if I can workaround this.

@tobimori
Copy link
Author

tobimori commented Jan 31, 2024

I don't use it on my website but I noticed a lot of websites using it are unusable with that.

It's mostly used for websites that feature scroll-driven animations and to smoothen those. (awwwards-esque)

@ffoodd ffoodd transferred this issue from ffoodd/a11y.css Nov 5, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants