compat-table
compat-table copied to clipboard
Hovering over the table cells is slow in Safari/Firefox
Hovering over the table cells is slow in Safari/Firefox, I'm getting maybe 5 FPS on the latest MacBook Pro Retina. In Chrome it works fast. On Firefox it also affects scrolling speed, Safari seems to at least have fast scrolling.
I have windows 10 desktop PC and experience the same slowdown on Fx, I've tried to capture a sample with Fx's profiler, but it hang!
Removing position: sticky from thead seems to improve scrolling performance on Fx.
Unfortunately removing position: sticky from thead doesn't help even a bit in Safari.
Related: https://bugzilla.mozilla.org/show_bug.cgi?id=1191995
In my testing, removing the CSS filters made it much smoother on Firefox.
Knowing this, I made a userstyle (for my own use), that replaces the CSS filters with opacity for obsolete/unstable and a transparent black overlay for the hover effect. The colors aren't exactly the same, but it's good enough for me.
I can't reproduce. Everything works smooth now. Does anyone still have this problem?
Firefox on Windows is fast, but slower than Chrome on Windows. Chrome on MacOS is slower than Firefox on Windows, but faster than Firefox on macOS. Firefox and Safari on macOS Macbook Pro 13 Retina - still slow. Firefox somewhat faster.
Sorted by speed (fastest first): Chrome on Windows (60) Firefox on Windows (50) Chrome on MacOS (40) Firefox on macOS (10) Safari on macOS (8)
Thank you for sharing this @zowers!