Bug 219604 - [css-grid] non-static positioned grid item incorrectly placed if it uses vertical-rl writing mode
Summary: [css-grid] non-static positioned grid item incorrectly placed if it uses vert...
Status: RESOLVED CONFIGURATION CHANGED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2020-12-07 10:29 PST by Javier Fernandez
Modified: 2023-03-17 17:37 PDT (History)
6 users (show)

See Also:

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 an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Javier Fernandez 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.
Comment 1 Radar WebKit Bug Importer 2020-12-14 10:29:16 PST 
<rdar://problem/72303568>
Comment 2 Smoley 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.
Comment 3 Ahmad Saleem 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!