193656 2019-01-21 11:51:28 -0800 [css-grid] abspos inside grid can have negative sizes 2022-08-07 05:05:03 -0700 1 1 1 Unclassified WebKit CSS WebKit Nightly Build Unspecified Unspecified RESOLVED CONFIGURATION CHANGED P2 Normal --- 1 obrufau webkit-unassigned ahmad.saleem792 ap bfulgham rniwa oldest_to_newest 1496623 0 359700 obrufau 2019-01-21 11:51:28 -0800 Created attachment 359700 testcase Run this code: https://jsfiddle.net/9mjg2fxt/ ```css #grid { display: grid; grid: 100px / 100px; border: solid; width: 100px; height: 100px; position: relative; } #abspos { position: absolute; left: 30px; right: 40px; grid-column-end: 1; color: cyan; border: 10px solid blue; } ``` ```html <div id="log"></div> <div id="grid"> <div> <div id="abspos"></div> </div> </div> ``` ```js let w = document.getElementById('abspos').offsetWidth; document.getElementById("log").textContent = "offsetWidth = " + w; ``` Result: the offsetWidth is -70, and no blue border is shown Expected: It should be 20 instead. And the blue border should be visible. Chromium and Firefox do it correctly. 1889504 1 ahmad.saleem792 2022-08-07 05:04:54 -0700 I am unable to reproduce the bug using attached test case in attachment field using Safari 15.6 on macOS 12.5 and it shows "offset of 20 px" similar to other browsers (Chrome Canary 106 and Firefox Nightly 105). I am marking this as "RESOLVED CONFIGURATION CHANGED". Thanks! 359700 2019-01-21 11:51:28 -0800 2019-01-21 11:51:28 -0800 testcase testcase.htm text/html 552 obrufau PCFET0NUWVBFIGh0bWw+CjxodG1sPgo8bWV0YSBjaGFyc2V0PSJ1dGYtOCIgLz4KPHN0eWxlPgoj Z3JpZCB7CiAgZGlzcGxheTogZ3JpZDsKICBncmlkOiAxMDBweCAvIDEwMHB4OwogIGJvcmRlcjog c29saWQ7CiAgd2lkdGg6IDEwMHB4OwogIGhlaWdodDogMTAwcHg7CiAgcG9zaXRpb246IHJlbGF0 aXZlOwp9CiNhYnNwb3MgewogIHBvc2l0aW9uOiBhYnNvbHV0ZTsKICBsZWZ0OiAzMHB4OwogIHJp Z2h0OiA0MHB4OwogIGdyaWQtY29sdW1uLWVuZDogMTsKICBjb2xvcjogY3lhbjsKICBib3JkZXI6 IDEwcHggc29saWQgYmx1ZTsKfQo8L3N0eWxlPgo8ZGl2IGlkPSJsb2ciPjwvZGl2Pgo8ZGl2IGlk PSJncmlkIj4KICA8ZGl2PgogICAgPGRpdiBpZD0iYWJzcG9zIj48L2Rpdj4KICA8L2Rpdj4KPC9k aXY+CjxzY3JpcHQ+CmxldCB3ID0gZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoJ2Fic3BvcycpLm9m ZnNldFdpZHRoOwpkb2N1bWVudC5nZXRFbGVtZW50QnlJZCgibG9nIikudGV4dENvbnRlbnQgPSAi b2Zmc2V0V2lkdGggPSAiICsgdzsKPC9zY3JpcHQ+CjwvaHRtbD4K