Bug 241950

Summary:	Percentage grid do not work properly and lack padding end
Product:	WebKit	Reporter:	mic.gallego
Component:	Layout and Rendering	Assignee:	Nobody <webkit-unassigned>
Status:	NEW ---
Severity:	Normal	CC:	ahmad.saleem792, bfulgham, sgill26, simon.fraser, webkit-bug-importer, webkit-layout-noreply, zalan
Priority:	P2	Keywords:	BrowserCompat, InRadar
Version:	Safari Technology Preview
Hardware:	Unspecified
OS:	Unspecified

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.