Bugzilla

(In reply to Ting-Yu Lin [:TYLin] (UTC-7) from comment #4)
> So blink is going to investigating whether adding inline-end padding universally to the block container's overflow area will break websites.

As I understand it, IanK's proposal is a little more subtle -- he's proposing that we add inline-end padding to the scrollable area **only when a scrollbar would already be showing, even without the padding**.  This caveat is a bit odd but I suspect it's necessary for webcompat purposes -- i.e. I can imagine that adding the padding universally might make scrollbars start showing up all over the place.

So in particular: under his proposal, the padding would not trigger a scrollbar here:
```
data:text/html,<div style="width:200px;overflow:auto; border: 2px solid black; padding: 50px;"><div style="display:block;width:249px; background:blue">Hi
```

...but in this case (same as above but with `s/249/251/`) which does show a scrollbar, Ian's proposal would give the scrollbar a lot more room to move (such that you could scroll past the blue and see another 50px of blank space between the blue and the border):
```
data:text/html,<div style="width:200px;overflow:auto; border: 2px solid black; padding: 50px;"><div style="display:block;width:251px; background:blue">Hi
```

(In reply to Ting-Yu Lin [:TYLin] (UTC-7) from comment #4)
> So blink is going to investigating whether adding inline-end padding universally to the block container's overflow area will break websites.

As I understand it, IanK's proposal is a little more subtle -- he's proposing that we add inline-end padding to the scrollable area **only when a scrollbar would already be showing, even without the padding**.  This caveat is a bit odd but I suspect it's necessary for webcompat purposes -- i.e. I can imagine that adding the padding universally might make scrollbars start showing up all over the place.

So in particular: under his proposal, the padding would not trigger a scrollbar here:
```
data:text/html,
<div style="width:200px;overflow:auto; border: 2px solid black; padding: 50px;">
<div style="display:block;width:249px; background:blue">Hi
```

...but in this case (same as above but with `s/249/251/`) which does show a scrollbar, Ian's proposal would give the scrollbar a lot more room to move (such that you could scroll past the blue and see another 50px of blank space between the blue and the border):
```
data:text/html,
<div style="width:200px;overflow:auto; border: 2px solid black; padding: 50px;">
<div style="display:block;width:251px; background:blue">Hi
```