RESOLVED DUPLICATE of bug 254090199168
An SVG element inside a position: absolute element won't update until a layout change
https://bugs.webkit.org/show_bug.cgi?id=199168
Summary An SVG element inside a position: absolute element won't update until a layou...
Tim Guan-tin Chien [:timdream]
Reported 2019-06-24 11:35:30 PDT
Created attachment 372776 [details] test.html Summary: A SVG element inside a position: absolute element is misplaced by text-align: center Steps To Reproduce: 1. Load the test case 2. Observe that the position of the SVG triangle is diffferent even though the DOM+CSS state is exactly the same. 3. Trigger layout by change the window width. 4. Observe that the SVGs on case #2 and #4 is misplaced again. Notes: There are two bugs here. First, svg is set to display: block in the UA sheet; setting the property to the same value shouldn’t hav any effect but apparently it does. It was also not being placed correctly — the position of a block element inside another block element shouldn’t be affected by the |text-align| property. Second: unset the “no-op” value should restore the layout but it did not until re-layout.
Attachments
test.html (1.38 KB, text/html)
2019-06-24 11:35 PDT, Tim Guan-tin Chien [:timdream]
no flags
Tim Guan-tin Chien [:timdream]
Comment 1 2019-06-24 11:36:22 PDT
Tested on STP Release 84 (Safari 13.0, WebKit 14608.1.25.2) Turned out the positioning issue is not valid but the relayout issue is. See https://bugzilla.mozilla.org/show_bug.cgi?id=1558357#c2 for discussion. Was filed as rdar://51602694.
Ahmad Saleem
Comment 2 2023-05-08 01:54:17 PDT
@Simon & @Said - for some reason, I am not able to reproduce this bug in STP169, can you confirm whether it is not reproducible for you as well.
alan
Comment 3 2023-05-08 07:01:50 PDT
Progressed at 261859@main
alan
Comment 4 2023-05-08 07:02:29 PDT
*** This bug has been marked as a duplicate of bug 254090 ***
Note You need to log in before you can comment on or make changes to this bug.