Bug 219604

Summary:

[css-grid] non-static positioned grid item incorrectly placed if it uses vertical-rl writing mode

Product:

WebKit

Reporter:

Javier Fernandez <jfernandez>

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Normal

CC:

ahmad.saleem792, bfulgham, simon.fraser, smoley, webkit-bug-importer, zalan

Priority:

Keywords:

InRadar

Version:

WebKit Nightly Build

Hardware:

Unspecified

OS:

Unspecified

Attachments:

Description	Flags
test case to reproduce the issue	none

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.