Bug 229107

Summary: CSS Grid safe centering does not work in RTL
Product: WebKit Reporter: mic.gallego
Component: Layout and RenderingAssignee: Nobody <webkit-unassigned>
Status: RESOLVED CONFIGURATION CHANGED    
Severity: Normal CC: ahmad.saleem792, bfulgham, jfernandez, sgill26, simon.fraser, webkit-bug-importer, zalan, zsun
Priority: P2 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
Radar WebKit Bug Importer
Comment 1 2021-08-21 01:44:20 PDT
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.