[Webkit-unassigned] [Bug 231671] New: Custom elements: regression in :hover behavior

[bugzilla-daemon at webkit.org]

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

            Bug ID: 231671
           Summary: Custom elements: regression in :hover behavior
           Product: WebKit
           Version: Safari 15
          Hardware: Unspecified
                OS: macOS 11
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: CSS
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: me at tommasoamici.com

Created attachment 441061

  --> https://bugs.webkit.org/attachment.cgi?id=441061&action=review

Recording of bug in Safari 14.1 and Safari 15

There is a regression in Safari 15 and TP 133 when a custom HTML element has :hover rules.

For context, I'm developing a custom element `app-switcher` that may or not be included in a custom element `ripe-header`.

  Standalone example: https://www.ripe.net

  Included in other component example: https://labs.ripe.net

(The element in question is the circle with nine dots inside in the top right part of the screen)

In Safari 14.1 and 13.1 the standalone element works as expected.

In Safari 15 and still in TP 133 the standalone element doesn't change in response to :hover state changes.

When the element is included in another custom element (second link), it still works as before.

I've added two recordings as an attachment.

-- 
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/20211013/c83bd571/attachment.htm>