Bug 231671 - REGRESSION(Safari15): Custom elements: :hover behavior
Summary: REGRESSION(Safari15): Custom elements: :hover behavior
Status: RESOLVED DUPLICATE of bug 227422
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 15
Hardware: Unspecified macOS 11
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-10-13 05:48 PDT by Tommaso A
Modified: 2021-10-14 12:09 PDT (History)
2 users (show)

See Also:

Attachments
Recording of bug in Safari 14.1 and Safari 15 (166.45 KB, application/zip)
2021-10-13 05:48 PDT, Tommaso A 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Tommaso A 2021-10-13 05:48:39 PDT 
Created attachment 441061 [details]
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.
Comment 1 Radar WebKit Bug Importer 2021-10-13 13:34:23 PDT 
<rdar://problem/84214062>
Comment 2 Smoley 2021-10-14 12:09:33 PDT 

*** This bug has been marked as a duplicate of bug 227422 ***