flexbugs icon indicating copy to clipboard operation
flexbugs copied to clipboard

Firefox flexbugs - Percentage padding not taken into account

Open mouadennaciri opened this issue 7 years ago • 2 comments

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?

mouadennaciri avatar Feb 05 '18 20:02 mouadennaciri

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

garrettw avatar Feb 05 '18 22:02 garrettw

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

mouadennaciri avatar Feb 05 '18 23:02 mouadennaciri