1237643 - Bottom Padding doesn't show in scroll-able elements

Status: RESOLVED DUPLICATE of bug 748518

(Core :: Layout, defect)

Description

[Danny Vickers]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/47.0.2526.106 Safari/537.36

Steps to reproduce:

I have created multiple elements, which make use of "overflow-y: auto" in order to add a scrollbar once the content becomes vertically larger than the container. I added bottom padding to this to make sure the content didn't touch an element which overlaps it since it has a fixed position.

I found this question on StackOverflow after searching around, with the exact same issue occurring in Firefox:

http://stackoverflow.com/questions/13471910/css-applying-padding-to-box-with-scroll-bottom-padding-doesnt-work

A user there claims to have reported it in November 2012, but the issue is still there for me.


Actual results:

My content still gets overlapped by the fixed element, because the padding doesn't get rendered to fill the extra height of that element.


Expected results:

The padding should have been rendered at the bottom of the scroll-able element, I'm assuming this may happen with top, left and right padding also (based on vertical or horizontal scrolling).

Comment 1

[Loic]

Could you attach a testcase (.html) to the bug report, please.

Comment 2

[Alice0775 White]

Seems duplication of Bug 748518

Comment 3

[Boris Zbarsky [:bzbarsky]]

Indeed.