Bug 229107

Summary:

CSS Grid safe centering does not work in RTL

Product:

WebKit

Reporter:

mic.gallego

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED CONFIGURATION CHANGED

Severity:

Normal

CC:

ahmad.saleem792, bfulgham, jfernandez, sgill26, simon.fraser, webkit-bug-importer, zalan, zsun

Priority:

Keywords:

InRadar

Version:

Safari 14

Hardware:

Unspecified

OS:

Unspecified

Attachments:

Description	Flags
Safari vs Other Browsers (Firefox & Chrome)	none

mic.gallego

Reported 2021-08-14 01:44:03 PDT

Hi, As per spec, when using safe alignment for CSS grid, if the content overflow, it should be considered as "start". However on Safari and Chrome, in RTL mode it seems to be using non-logical property, as the last element is shown instead of the first. The issue can be reproduced it here: https://jsfiddle.net/yrgkp5b4/ (it should show the first one first). Firefox exhibit the correct behavior.

Attachments
Safari vs Other Browsers (Firefox & Chrome) (568.47 KB, image/png) 2024-10-23 20:55 PDT, Ahmad Saleem	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Radar WebKit Bug Importer

Comment 1 2021-08-21 01:44:20 PDT

<rdar://problem/82200069>

Ahmad Saleem

Comment 2 2024-10-23 20:55:08 PDT

Created attachment 473030 [details] Safari vs Other Browsers (Firefox & Chrome) It seems all browsers are working same and we can mark this as `RESOLVED CONFIGURATION CHANGED`.

Ahmad Saleem

Comment 3 2024-10-23 20:56:09 PDT

Marking this as `RESOLVED CONFIGURATION CHANGED`. CCing - Sammy & Brent - FYI

Note You need to log in before you can comment on or make changes to this bug.