NEW 271109
[css-cascade] Hover specified only for an implicit scope does not work correctly
https://bugs.webkit.org/show_bug.cgi?id=271109
Summary [css-cascade] Hover specified only for an implicit scope does not work correctly
Roman Komarov
Reported 2024-03-16 05:08:50 PDT
Created attachment 470397 [details] Saved HTML of the CodePen test case Steps to reproduce: 1. Open this test-case in Safari TP with the CSS Scoping flag on: https://codepen.io/kizu/pen/ZEZBLpK (or create an element with an implicit scope that contains `:hover` pseudo-class) 2. Hover over the first button. 3. Click on this button. In Chrome's implementation of CSS scopes the hover works correctly, but in Safari it does not trigger on hover, but is triggered when clicking on the button — probably repaint does not happen when necessary. This only happens when the `:hover` is applied _only_ as a part of the implicit scope, adding any other `:hover` for this button outside of it (regardless if it will be scoped) fixes the issue, so probably the `:hover` specified inside implicit scopes does not make the element subscribe to the state change?
Attachments
Saved HTML of the CodePen test case (655 bytes, text/html)
2024-03-16 05:08 PDT, Roman Komarov
no flags
rendering in safari, firefox, chrome (177.59 KB, image/png)
2024-03-21 19:18 PDT, Karl Dubost
no flags
Karl Dubost
Comment 1 2024-03-21 19:18:58 PDT
Created attachment 470473 [details] rendering in safari, firefox, chrome Safari Technology Preview 190 19619.1.5.5.2 Firefox Nightly 125.0a1 12524.3.12 Google Chrome Canary 125.0.6371.0 6371.0
Karl Dubost
Comment 2 2024-03-21 19:19:39 PDT
Safari Technology Preview 17.4 19619.1.5.5.2 Firefox Nightly 125.0a1 12524.3.12 Google Chrome Canary 125.0.6371.0 6371.0
Radar WebKit Bug Importer
Comment 3 2024-03-23 05:09:12 PDT
Note You need to log in before you can comment on or make changes to this bug.