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

CSS will-change causing position problems #46

Open
nicubarbaros opened this issue Mar 13, 2018 · 1 comment
Open

CSS will-change causing position problems #46

nicubarbaros opened this issue Mar 13, 2018 · 1 comment

Comments

@nicubarbaros
Copy link

Hey, thanks for the great tiny module.

There is a small problem in case there are elements with position: fixed inside the virtualized list (container) which is settings will-change: transform. According to the 2 links below the elements with position: fixed will become relative to the element with the transform - not relative to the viewport, in this case to the virtualized container.

I am not sure what is the purpose of will-change: transform style. But for now I overwrote the style by setting will-change: unset

The below links I wrote above:
(Stackoverflow) CSS: position:fixed inside of position:absolute
W3C transform-rendering

@y6nH
Copy link

y6nH commented Feb 3, 2020

I've also overridden will-change, because it makes all text in the list render poorly in Chromium. I can't see any performance difference in Chrome, and it's actually a bit faster in Firefox.

The MDN documentation warns against applying will-change indiscriminately.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants