W3C home > Mailing lists > Public > www-style@w3.org > October 2019

Re: overflow: scroll and padding, conceptual problems.

From: fantasai <fantasai.lists@inkedblade.net>
Date: Mon, 21 Oct 2019 17:11:32 -0700
To: Andrew Fedoniouk <andrew.fedoniouk@gmail.com>, "www-style@w3.org" <www-style@w3.org>
Message-ID: <71a6df3d-2864-0870-07b3-188ff7e8ba97@inkedblade.net>
On 10/15/19 4:31 PM, Andrew Fedoniouk wrote:
> Consider this sample:
> https://terrainformatica.com/w3/scroll-browser.htm
> [...]
> Problems (or rather inconsistencies) with it:
>  1. You see left padding – the content is clearly offset by padding-left
>     value. But you cannot see padding-right offset at all. Why? Where did it go?
>  2. If to follow the specification then scrollable box (clip area where the
>     content scrolls) shall be set to content edge of the element. But for now
>     in UAs scrollable area is inner border edge minus scrollbars. I am not
>     sure if that is defined anywhere. Any ideas?
> [...]
> Problem there is:
>  1. box-sizing: border-box; is ignored completely. Why border box is so large
>     there? 
> The solution of all these problems:
> Paddings, when defined on scrollable element, shall be parts of scrollable 
> content.
> In other words scrollable content shall include those paddings and
> width/height properties on scrollable element shall define dimensions of inner 
> edge of border box.
> Here is an illustration: https://terrainformatica.com/w3/scrollable-model.png 
> of how it ideally it should look like.

I think your concerns are related to

We are somewhat limited in what we can do about this due to Web-compat 
constraints, but there is some work happening in css-oveflow-3.

See https://github.com/w3c/csswg-drafts/issues/129#issuecomment-417525242
and https://github.com/w3c/csswg-drafts/issues/129#issuecomment-484361107

Received on Tuesday, 22 October 2019 00:11:38 UTC

This archive was generated by hypermail 2.4.0 : Friday, 17 January 2020 22:53:16 UTC