W3C home > Mailing lists > Public > public-css-archive@w3.org > July 2021

Re: [csswg-drafts] [css-overflow-3] Clarify padding-bottom in overflow content (#129)

From: CSS Meeting Bot via GitHub <sysbot+gh@w3.org>
Date: Thu, 29 Jul 2021 21:46:03 +0000
To: public-css-archive@w3.org
Message-ID: <issue_comment.created-889481917-1627595161-sysbot+gh@w3.org>
The CSS Working Group just discussed `clarify padding-bottom in overflow`, and agreed to the following:

* `RESOLVED: Go with Firefox's behavior - no elements cause the scroll container's inline-end padding to be used`

<details><summary>The full IRC log of that discussion</summary>
&lt;TabAtkins> Topic: clarify padding-bottom in overflow<br>
&lt;TabAtkins> github: https://github.com/w3c/csswg-drafts/issues/129<br>
&lt;fantasai> https://github.com/w3c/csswg-drafts/issues/129#issuecomment-887901550<br>
&lt;TabAtkins> florian: We've been working for a while on what does and doesn't count as scrollable overflow<br>
&lt;TabAtkins> florian: This is one of few remaining<br>
&lt;TabAtkins> florian: When you have an inline that pokes out of the scrollable area<br>
&lt;TabAtkins> florian: For most things that poke out, you add the scroll container's padding at the end edge, so when you scroll all the way you still have padding between the poking thing and the scrollbar<br>
&lt;TabAtkins> florian: but in this case, in the inline case, there's not interop<br>
&lt;TabAtkins> florian: In firefox if your inline pokes out in the inline direction, firefox doesn't add padding<br>
&lt;TabAtkins> florian: Chrome and WebKit do *some* of the time<br>
&lt;TabAtkins> florian: clarification: in the inline direction, in firefox, whether it's an inline or block poking out doesn't amtter; it doesn't get padding<br>
&lt;TabAtkins> florian: for chrome/webkit, if a block pokes out in the inline direction it gets padding<br>
&lt;TabAtkins> florian: (correction - it does not get padding)<br>
&lt;TabAtkins> florian: For inlines poking out int he inline direction, it gets padding if it's a direct child of the scroll container, but not if it's nested<br>
&lt;TabAtkins> florian: So initial though it that 'padding' means you want it, so having as much padding as we can is nice<br>
&lt;TabAtkins> florian: But also if we start adding padding where we didn't before, we're likely to make scrollbars that don't exist right now<br>
&lt;TabAtkins> florian: But that usually makes authors unhappy<br>
&lt;TabAtkins> florian: So "as much padding as we can get" is probably what we have today<br>
&lt;emilio> q+<br>
&lt;TabAtkins> florian: Was initially tempted to spec chrome/webkit behavior, but it's too weird<br>
&lt;TabAtkins> florian: So even tho I think we should have padding, I think we're compat constrained. We should pick something reasonable, which means Firefox's beahvior<br>
&lt;TabAtkins> emilio: I agree.<br>
&lt;fantasai> https://www.software.hixie.ch/utilities/js/live-dom-viewer/?%3C!DOCTYPE%20html%3E%0A%0A%3Cdiv%20style%3D%22overflow%3A%20scroll%3B%20width%3A%20100px%3B%20border%3A%20solid%3B%20padding%3A%2020px%3B%22%3E%0A%20%20directchildtextthatoverflows%0A%3C%2Fdiv%3E%0A%0A%3Cdiv%20style%3D%22overflow%3A%20scroll%3B%20width%3A%20100px%3B%20border%3A%20solid%3B%20padding%3A%2020px%3B%22%3E%0A%20%20%3Cdiv%3Etextinsidedivt<br>
&lt;fantasai> hatoverflows%3C%2Fdiv%3E%0A%3C%2Fdiv%3E<br>
&lt;TabAtkins> emilio: curiosity question - do chrome/webkit use layouttree parent, or dom parent? does shadow dom matter?<br>
&lt;fantasai> testcase: https://www.software.hixie.ch/utilities/js/live-dom-viewer/saved/9521<br>
&lt;TabAtkins> florian: [shrugs]<br>
&lt;TabAtkins> emilio: yeah exactly. i'm in favor of something simple<br>
&lt;TabAtkins> Rossen_: thoughts?<br>
&lt;TabAtkins> TabAtkins: Other than agreeing with Florian that we shoudl have had padding, I think his current idea is good<br>
&lt;flackr> +1<br>
&lt;TabAtkins> myles: reason we implemented this originally was we wanted visual area to look more symmetrical<br>
&lt;TabAtkins> myles: I think the resolution would stop that?<br>
&lt;TabAtkins> myles: if you scroll down you're likely to get something not matching the top?<br>
&lt;TabAtkins> fantasai: The block axis already respects padding, this is for the inline axis<br>
&lt;TabAtkins> fantasai: We also resolved earlier that if you set justify-content to anything not 'normal', we apply the padding<br>
&lt;TabAtkins> fantasai: So there's an opt-in in the spec<br>
&lt;TabAtkins> florian: Right, forgot to mention that. this is only for justify-content:normal<br>
&lt;argyle> made this when i learned about this https://codepen.io/argyleink/pen/vYNYVOB<br>
&lt;TabAtkins> myles: the reason we didn't do it in inline axis was it was inconvenient to implement in the beginning. wasn't an intentional design choice. horizontal scrollbars are fairly rare anyway<br>
&lt;TabAtkins> RESOLVED: Go with Firefox's behavior - no elements cause the scroll container's inline-end padding to be used<br>
&lt;TabAtkins> &lt;br dur=10min><br>
&lt;toga> requests a new scribe so I can spend more time with Tab<br>

GitHub Notification of comment by css-meeting-bot
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/129#issuecomment-889481917 using your GitHub account

Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Thursday, 29 July 2021 21:46:05 UTC

This archive was generated by hypermail 2.4.0 : Tuesday, 5 July 2022 06:42:39 UTC