[Webkit-unassigned] [Bug 266287] Nesting @supports reporting true for `animation-timeline: scroll()`

[bugzilla-daemon at webkit.org]

https://bugs.webkit.org/show_bug.cgi?id=266287

--- Comment #5 from Antoine Quint <graouts at webkit.org> ---
To reproduce:

1. load https://nerdy.dev/using-open-props-with-nextjs-and-the-brand-new-react-style-library-stylex
2. cmd+click on the small photo on the top left of the title and choose "Inspect Element"
3. in the result Web Inspector, you should have an <img> element selected and scrolling down the style panel should reveal the issue.

The erroneous @support (animation-timeline: scroll()) is combined with cascade layers and nesting here, and it looks like it's the combination of those things that is causing trouble because a simple test with just @suppors reveal no such problem:

<style>
body { background-color: green }
@supports (animation-timeline: scroll()) {
    body { background-color: red }
}
</style>

This yields a green body in Safari and STP 184 (and red in Chrome where scroll-driven animations are supported).

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20231212/6e1377e7/attachment.htm>