Bug 229107 - CSS Grid safe centering does not work in RTL
Summary: CSS Grid safe centering does not work in RTL
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari 14
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2021-08-14 01:44 PDT by mic.gallego
Modified: 2021-08-21 01:44 PDT (History)
6 users (show)

See Also:

Attachments
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 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>