199168 2019-06-24 11:35:30 -0700 An SVG element inside a position: absolute element won't update until a layout change 2023-05-08 07:02:29 -0700 1 1 1 Unclassified WebKit SVG Safari Technology Preview Unspecified Unspecified RESOLVED DUPLICATE 254090 InRadar P2 Normal --- 1 timdream webkit-unassigned ahmad.saleem792 sabouhallawa simon.fraser webkit-bug-importer zalan zimmermann oldest_to_newest 1547432 0 372776 timdream 2019-06-24 11:35:30 -0700 Created attachment 372776 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. 1547433 1 timdream 2019-06-24 11:36:22 -0700 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. 1953613 2 ahmad.saleem792 2023-05-08 01:54:17 -0700 @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. 1953678 3 zalan 2023-05-08 07:01:50 -0700 Progressed at 261859@main 1953679 4 zalan 2023-05-08 07:02:29 -0700 *** This bug has been marked as a duplicate of bug 254090 *** 372776 2019-06-24 11:35:30 -0700 2019-06-24 11:35:30 -0700 test.html test.html text/html 1411 timdream PHN0eWxlPgoKYm9keSB7CiAgdGV4dC1hbGlnbjogY2VudGVyOwp9CgouaW5uZXIgewogIHBvc2l0 aW9uOiByZWxhdGl2ZTsKICB6LWluZGV4OiAyOwogIHdpZHRoOiAxOTBweDsKICBoZWlnaHQ6IDE5 MHB4OwogIGJhY2tncm91bmQ6ICM2NmY7Cn0KCnN2ZyB7CiAgbWFyZ2luOiAyMHB4OwogIHBvc2l0 aW9uOiBhYnNvbHV0ZTsKICB3aWR0aDogMTUwcHg7CiAgaGVpZ2h0OiAxNTBweDsKICBmaWxsOiAj MzMzOwp9Cgo8L3N0eWxlPgoKPHA+IzEgQWJzb2x1dGUgcG9zaXRpb25lZCBkaXYgd2l0aCBzdmcg aW5zaWRlPC9wPgoKPGRpdiBjbGFzcz0iaW5uZXIiPgogIDxzdmcgaWQ9ImZpcnN0IiB2aWV3Qm94 PSIwIDAgMTUwIDE1MCIgZm9jdXNhYmxlPSJmYWxzZSI+PGc+PHBhdGggZD0iTSAxMCwxNTAgTCA3 MCwxMCBMIDEzMCwxNTAgeiIvPjwvZz48L3N2Zz4KPC9kaXY+Cgo8cD4jMiBBYnNvbHV0ZSBwb3Np dGlvbmVkIGRpdiB3aXRoIHN2ZyBpbnNpZGUsIHNldCB0aGUgc3ZnIHRvIGRpc3BsYXk6IGJsb2Nr IHdpdGggaW5saW5lIHN0eWxlIGFuZCByZW1vdmUgaXQgaW4gYSBzZXRUaW1lb3V0PC9wPgoKPGRp diBjbGFzcz0iaW5uZXIiPgogIDxzdmcgaWQ9InNlY29uZCIgdmlld0JveD0iMCAwIDE1MCAxNTAi IGZvY3VzYWJsZT0iZmFsc2UiIHN0eWxlPSJkaXNwbGF5OiBibG9jayI+PGc+PHBhdGggZD0iTSAx MCwxNTAgTCA3MCwxMCBMIDEzMCwxNTAgeiIvPjwvZz48L3N2Zz4KPC9kaXY+Cgo8cD4jMyBTYW1l IGFzICMxIGJ1dCB3aXRoIHRyYW5zZm9ybTogdHJhbnNsYXRlWigwKTwvcD4KCjxkaXYgY2xhc3M9 ImlubmVyIiBzdHlsZT0idHJhbnNmb3JtOiB0cmFuc2xhdGVaKDApIj4KICA8c3ZnIGlkPSJ0aGly ZCIgdmlld0JveD0iMCAwIDE1MCAxNTAiIGZvY3VzYWJsZT0iZmFsc2UiPjxnPjxwYXRoIGQ9Ik0g MTAsMTUwIEwgNzAsMTAgTCAxMzAsMTUwIHoiLz48L2c+PC9zdmc+CjwvZGl2PgoKPHA+IzQgU2Ft ZSBhcyAjMiBidXQgd2l0aCB0cmFuc2Zvcm06IHRyYW5zbGF0ZVooMCk8L3A+Cgo8ZGl2IGNsYXNz PSJpbm5lciIgc3R5bGU9InRyYW5zZm9ybTogdHJhbnNsYXRlWigwKSI+CiAgPHN2ZyBpZD0iZm9y dGgiIHZpZXdCb3g9IjAgMCAxNTAgMTUwIiBmb2N1c2FibGU9ImZhbHNlIiBzdHlsZT0iZGlzcGxh eTogYmxvY2siPjxnPjxwYXRoIGQ9Ik0gMTAsMTUwIEwgNzAsMTAgTCAxMzAsMTUwIHoiLz48L2c+ PC9zdmc+CjwvZGl2PgoKPHNjcmlwdD4Kd2luZG93Lm9ubG9hZCA9ICgpID0+IHNldFRpbWVvdXQo KCkgPT4gewpjb25zb2xlLmxvZygiNDMiKTsKICBkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgic2Vj b25kIikuc3R5bGUuZGlzcGxheSA9ICIiOwogIGRvY3VtZW50LmdldEVsZW1lbnRCeUlkKCJmb3J0 aCIpLnN0eWxlLmRpc3BsYXkgPSAiIjsKfSwgMTAwKTsKPC9zY3JpcHQ+Cg==