search

bramus / scroll-driven-animations-debugger-extension

Browser extension to debug Scroll-Driven Animations
39 stars 1 forks source link

Animations are not detected on pseudo-elements #24

Open kizu opened 12 months ago

kizu commented 12 months ago

When there is an animation on a pseudo-element, it is not detected by the extension. Reading the announcement post, it seems that you're using the $0 to get the element (when you mention the iframe issue), so I imagine this is unfixable unless there'd be a way to get the info about the selected pseudo-element somewhere in the extension API?

https://github.com/bramus/scroll-driven-animations-debugger-extension/assets/177485/24ab08bd-4c5b-47b8-ab41-bb35bf109e5a

Link to reproduce: https://kizu.dev/scroll-driven-animations/#stuck-states-for-the-sticky-headers — all sticky headers examples have one element and one pseudo-element.

bramus commented 4 months ago

Using $0 indeed, and that’s getting me back the element instead of the pseudo. I have filed https://issues.chromium.org/issues/334984154 for this on the Chromium side.

Marking this as FAQ to get people to know that the extension does not play nice with pseudo elements.