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:	NEW ---
Severity:	Normal	CC:	bfulgham, jfernandez, simon.fraser, webkit-bug-importer, zalan, zsun
Priority:	P2	Keywords:	InRadar
Version:	Safari 14
Hardware:	Unspecified
OS:	Unspecified

Description mic.gallego 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.

Comment 1 Radar WebKit Bug Importer 2021-08-21 01:44:20 PDT

<rdar://problem/82200069>