Bug 241950 - Percentage grid do not work properly and lack padding end
Summary: Percentage grid do not work properly and lack padding end
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Layout and Rendering (show other bugs)
Version: Safari Technology Preview
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Nobody
URL:
Keywords: BrowserCompat, InRadar
Depends on:
Blocks:
 
Reported: 2022-06-23 18:27 PDT by mic.gallego
Modified: 2023-09-21 06:34 PDT (History)
7 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 2022-06-23 18:27:32 PDT 
Hi,

You can reproduce the issue here: https://codepen.io/bakura10/pen/VwQJEJL

There are two issues in Safari:

1) The grid renders completely inconsistently compared to other browsers when using percentage-based columns.
2) The padding end is missing when using percentage unit (as per spec, the padding inline should be honored): https://github.com/w3c/csswg-drafts/issues/129
Comment 1 Radar WebKit Bug Importer 2022-06-30 18:28:14 PDT 
<rdar://problem/96260142>
Comment 2 Ahmad Saleem 2023-09-21 06:34:18 PDT 
I am able to reproduce this bug in Safari Technology Preview 179, where in attached test case, if we scroll on right side, we have 'grey' bottom (for percentage) but we don't for Chrome Canary 119 and Firefox Nightly 119.