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

[bugzilla-daemon at webkit.org]

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

--- Comment #4 from Jeroen Zwartepoorte <jeroen.zwartepoorte at gmail.com> ---
Sorry, my earlier comment was rushed and incorrect. Here are the steps to reproduce the bug:

1. Go to http://dna.iddinkgroup.com/components/shell/examples/m6 (icl/icl)
2. Click "Collapse" at the bottom of the page
3. Open devtools (make sure browser is wide enough, or devtools is docked at the bottom, because the page is responsive)
4. Go to "dna-magister-logo" element in the devtools
5. Disable the ":host([short]) { display: flex; }" rule
6. Click the expand button at the bottom (>>)
7. Watch the logo appear really small at the top of the page (34px wide, even though the element is display: block)
8. Triggering a reflow will fix this issue and make the logo appear large again (you can do this by toggling the ":host { display: block }" rule on "dna-magister-logo"

That's the bug. Chrome and Firefox do not suffer from this bug.

My *guess* is that size change happens on the svg element inside the Shadow DOM and somehow that isn't detected (because it happens in the Shadow DOM).

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