Bug 200803

Summary: Applying dynamic styling via :host causes shadow elements to render improperly
Product: WebKit Reporter: Jan Miksovsky <jan>
Component: DOMAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: emilio, graouts, koivisto, rniwa, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: Safari 12   
Hardware: Unspecified   
OS: Unspecified   
Bug Depends on:    
Bug Blocks: 148695    
Attachments:
Description Flags
Repro case for bug none

Jan Miksovsky
Reported 2019-08-15 17:39:22 PDT
Created attachment 376451 [details] Repro case for bug We've seen a regression in a recent Safari release (not sure when it occurred) that prevents a web component of ours from rendering properly in response to user interaction. We've isolated a minimum repro case at https://jsbin.com/xariwib/edit?html,output (or see attachment). Expect: Clicking the buttons in the demo toggles their "selected" class, which ends up applying :host styling to show their selection state. This works as expected in Chrome and Firefox. Actual: in Safari 12+, the buttons begin to move or disappear.
Attachments
Repro case for bug (1.12 KB, text/html)
2019-08-15 17:39 PDT, Jan Miksovsky 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2019-08-16 22:34:41 PDT
<rdar://problem/54420420>
Ryosuke Niwa
Comment 2 2019-10-07 14:08:08 PDT
I can still reproduce this with trunk WebKit.
Ryosuke Niwa
Comment 3 2020-03-26 13:18:15 PDT
This appears to be fixed now (as of Safari 13.1)
Note You need to log in before you can comment on or make changes to this bug.