User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/103.0.0.0 Safari/537.36

Steps to reproduce:

Try this page: https://codepen.io/bakura10/pen/VwQJEJL

Actual results:

As per this change in the spec (https://github.com/w3c/csswg-drafts/issues/129) padding inline should be honored for scrolling container. While this works properly for px or vw unit, the padding is not added when using percentage values. My understanding of the spec is that it should.

Expected results:

Padding end should be honored wether the columns are sized in px, vw or percentage.

I believe this is a dup of 1700858. (If it's not, Ting-Yu will correct me by de-duping this)

Thanks hiro! The testcase is related to grid container, and I hope bug 1700858 can fixed this. Let's have this bug depend on bug 1700858 so that we can check the testcase later.

I left a comment for our bug report on this at https://bugs.chromium.org/p/chromium/issues/detail?id=1339124#c1 the percentage case is working as expected.

Ian

Thank you, Ting-Yu. Yeah, making this bug depend on bug 1700858 makes more sense. Thanks!

I didn't analyze the at the testcase carefully, but now I agree with Ian's analyze in comment 4. The two inner grid containers (carousel percentage vs carousel px) have different width, and we should only add a grid container's padding to its grid area when computing its overflow area, but not to arbitrary overflow area generated by the grid items. In the testcase, the outer grid container (container)'s padding shouldn't inflate the overflow area generated by the inner grid container's grid items. This should have been fixed by bug 1527539. Bug 1700858 is meant to fix block containers.