1528933 - Padding-bottom not working inside absolute positionning div

Status: RESOLVED DUPLICATE of bug 748518

(Core :: Layout, defect)

Description

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:65.0) Gecko/20100101 Firefox/65.0

Steps to reproduce:

I have a fixed-positioned DIV (".fixed") containing another DIV (".absolute") that is absolutely positionned inside.

I tried to add padding in my ".absolute" DIV, but my bottom padding isn't working for an unknown reason.

Here is an exemple : https://jsfiddle.net/c0mjakrx/3/

---

HTML :

test outside
<div class="fixed">
  test fixed
  <div class="absolute">
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
    test inside<br>
  </div>
</div>

---

CSS :

.fixed {
  position: fixed;
  bottom: 0;
  text-align: right;
  height: 50vh;
  width: 90%;
}

.absolute {
  position: absolute;
  top: 5px;
  left: 0;
  right: 0;
  bottom: 0;
  overflow: hidden visible;
  padding: 15px;
  text-align: left;
}

---

Actual results:

The padding-bottom is ignored by Firefox, has showned on the JSFiddle

Expected results:

The padding-bottom should be used, has it is on Chrome

Comment 1

[Cameron McCormack (:heycam)]

This is bug 748518, but see also bug 1527949 for making Firefox include the padding in the scrollable region.