[Webkit-unassigned] [Bug 219940] New: Browser doesn't reflow a web component

[bugzilla-daemon at webkit.org]

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

            Bug ID: 219940
           Summary: Browser doesn't reflow a web component
           Product: WebKit
           Version: Safari Technology Preview
          Hardware: Unspecified
                OS: Unspecified
            Status: NEW
          Severity: Normal
          Priority: P2
         Component: Layout and Rendering
          Assignee: webkit-unassigned at lists.webkit.org
          Reporter: jeroen.zwartepoorte at gmail.com
                CC: bfulgham at webkit.org, simon.fraser at apple.com,
                    zalan at apple.com

Created attachment 416322

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

Screenshot of devoots

I'm seeing a bug in Safari Developer Preview where the browser does not reflow when the size of a web component changes.

1. I have a web component with <svg> in the Shadow DOM.
2. The web component has a "short" property that switched the component between a wide and narrow svg
3. When the short property changes in non-safari browsers, the browser recalculates the width of the web component
4. In Safari, the <svg> inside changes to the narrow version, but the width of the web component itself remains unchanged
5. I've added a workaround where I change the `display` when short is set: `:host([short]) { display: flex }`

-- 
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/20201216/689b39b9/attachment.htm>