Bug 1528933 Comment 0 Edit History

Note: The actual edited comment in the bug view page will always show the original commenter’s name and original timestamp.

Original comment by
on 
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
Revision 1 by
on 
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

Back to Bug 1528933 Comment 0