search

philipwalton / flexbugs

A community-curated list of flexbox issues and cross-browser workarounds for them.
MIT License
13.63k stars 495 forks source link

Firefox flexbugs - Percentage padding not taken into account #250

Open mouadennaciri opened 6 years ago

mouadennaciri commented 6 years ago

I have a div element child of a flexbox layout where the percentage value padding is not taken into account on Firefox.

CodePen:

https://codepen.io/mouadennaciri/pen/WMxEBJ

Is it a flexbug?

garrettw commented 6 years ago

I can see the horizontal padding in effect, but the vertical padding is indeed missing.

mouadennaciri commented 6 years ago

Apparently this is a known problem : https://stackoverflow.com/questions/36783190/why-doesnt-percentage-padding-margin-work-on-flex-items-in-firefox