Gregory's ServerTotally loving the “scroll” badges
in #ChromeDevTools’s Elements panel.
Available in Chrome 130 which goes stable mid October.
https://developer.chrome.com/blog/new-in-devtools-130#scroll-badge
 5 comments
f you run into that problem the fix is easy: swap out your `overflow: hidden` with an `overflow: clip` and you’re good to go. See https://brm.us/overflow-clip for details. As noted in my `overflow: clip` article: I see no reason to use `overflow: hidden` at all on your web pages, unless you have a good reason to. Using `overflow: clip` has exactly the same outcome, doesn’t interfere with Scroll-Driven Animations, and has great browser support. @bramus apologies on the removed message, I'd miscalculated the date math, it's _almost_ in Baseline: Widely Available. I'm considering making a calendar for notifications when these features hit Widely Available. 🔜 |
This is very helpful when debugging Scroll-Driven Animations, as `scroll()` and friends by default look up the nearest ancestor scroller which you might have inadvertently created by using `overflow: hidden` somewhere.