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

Whenever `scrollbar-gutter` comes up, it looks like the obvious alternative would be to define a set of units or environment variables with the scrollbar thickness. As explained in https://github.com/w3c/csswg-drafts/issues/5232#issuecomment-648047604 this could end up being quite complex to define and/or to use.

I don't know if this has been proposed before but I wonder if there could be a way to use CSS selectors and/or media queries to specify styles that should only apply when the scrollbars are overlay, when the scrollbar is on a particular side of the box, etc. Perhaps this could be a way to reduce the number of different variables that would be needed.

For example:

    .box {
        scrollbar-width: thin;
    }
    
    @media (scrollbar-type: overlay) {
        .box:inline-scrollbar-position(end) {
            padding-inline-end: env(scrollbar-thickness-thin);
        }
    }

// @frivoal @Rayraz

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


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Monday, 1 March 2021 04:06:39 UTC