Bottom Padding doesn't show in scroll-able elements

RESOLVED DUPLICATE of bug 748518

Status

()

Core
Layout
RESOLVED DUPLICATE of bug 748518
a year ago
a year ago

People

(Reporter: Danny Vickers, Unassigned, NeedInfo)

Tracking

({testcase-wanted})

43 Branch
testcase-wanted
Points:
---

Firefox Tracking Flags

(Not tracked)

Details

(Reporter)

Description

a year ago
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).
Component: Untriaged → Layout
Product: Firefox → Core

Comment 1

a year ago
Could you attach a testcase (.html) to the bug report, please.
Flags: needinfo?(danny.vickers)
Keywords: testcase-wanted

Comment 2

a year ago
Seems duplication of Bug 748518
Indeed.
Status: UNCONFIRMED → RESOLVED
Last Resolved: a year ago
Resolution: --- → DUPLICATE
Duplicate of bug: 748518
You need to log in before you can comment on or make changes to this bug.