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.
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.
@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.
Progressed at 261859@main
*** This bug has been marked as a duplicate of bug 254090 ***