[Webkit-unassigned] [Bug 200803] New: Applying dynamic styling via :host causes shadow elements to render improperly

[bugzilla-daemon at webkit.org]

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

            Bug ID: 200803
           Summary: Applying dynamic styling via :host causes shadow
                    elements to render improperly
           Product: WebKit
           Version: Safari 12
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: DOM
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: jan at component.kitchen

Created attachment 376451

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

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.

-- 
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/20190816/9d89392c/attachment.html>