a11y.css icon indicating copy to clipboard operation
a11y.css copied to clipboard

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

Open tobimori opened this issue 1 year ago • 2 comments

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..

tobimori avatar Jan 31 '24 18:01 tobimori

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.

ffoodd avatar Jan 31 '24 21:01 ffoodd

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)

tobimori avatar Jan 31 '24 21:01 tobimori