Re: [csswg-drafts] [css-overflow-4] drawing over the space reserved by `scrollbar-gutter` (#5232)

I have been exploring @phistuck's scenario and `match-parent` does some funky things when applied on a scrolling element:

- when both scrollbars are adjacent, the inner element's gutter will have to accommodate _both_ the parent's gutter and the element's own scrollbar (check out the red element in the figure):

<img width="630" alt="scrollbar-gutter example with match-parent, same edge" src="https://user-images.githubusercontent.com/1412060/86021095-ade1b380-ba63-11ea-8779-31151753cc64.png">

- when the scrollbars are on different edges, the element will have two gutters, one to match its parent's and another to hold its own scrollbar (somewhat similar to `both`)


<img width="630" alt="scrollbar-gutter example with match-parent, opposite edges" src="https://user-images.githubusercontent.com/1412060/86028063-6e6b9500-ba6c-11ea-8eb8-5e831b9c37bb.png">


I am tempted to say that this would be working as intended? What do you think?

Finally, in light of the above, I think it would be fine if we allowed to combine `match-parent` with other values. For example `scrollbar-gutter: stable match-parent;`:

<img width="630" alt="scrollbar-gutter example with stable match-parent" src="https://user-images.githubusercontent.com/1412060/86027862-2e0c1700-ba6c-11ea-81f5-a9c5d4aea3c1.png">


// @frivoal


-- 
GitHub Notification of comment by felipeerias
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/5232#issuecomment-651210918 using your GitHub account

Received on Monday, 29 June 2020 15:58:27 UTC