RESOLVED CONFIGURATION CHANGED 219604
[css-grid] non-static positioned grid item incorrectly placed if it uses vertical-rl writing mode 
https://bugs.webkit.org/show_bug.cgi?id=219604
Summary [css-grid] non-static positioned grid item incorrectly placed if it uses vert...
Javier Fernandez
Reported 2020-12-07 10:29:02 PST
Created attachment 415563 [details] test case to reproduce the issue There is a bug in how non-static positioned grid items are placed in a grid area What steps will reproduce the problem? (1) Load the attached test case (2) (3) What is the expected result? The grid item is placed correctly, so that it hides the red bar and just a 100px green square is visible What happens instead? A red vertical bar is visible, which implies that the grid item is not in the right position.
Attachments
test case to reproduce the issue (783 bytes, text/html)
2020-12-07 10:29 PST, Javier Fernandez 		no flags
Details
View All Add attachment proposed patch, testcase, etc.
Radar WebKit Bug Importer
Comment 1 2020-12-14 10:29:16 PST
<rdar://problem/72303568>
Smoley
Comment 2 2020-12-15 18:04:21 PST
Thanks for filing, this reproduces for me in Safari 13.1.3 as well as STP 117, FireFox and Chrome.
Ahmad Saleem
Comment 3 2023-03-17 17:37:26 PDT
I am not able to reproduce this in Safari 16.3 as well, it requires Ahem to be installed but instead of it, I used ‘ahem.js’ and changed the test case into “JSFiddle”. Link - https://jsfiddle.net/u73jqnpc/show It is working fine and matching with Chrome Canary 113 and Firefox Nightly 113. Marking this as “RESOLVED CONFIGURATION CHANGED”. Thanks!
Note You need to log in before you can comment on or make changes to this bug.