Compatibility issue when container has height 100vh

gavinmcfarland / flex-gap-polyfill

A PostCSS plugin to emulate flex gap using margins

Creative Commons Zero v1.0 Universal

143 stars 6 forks source link

Open gavinmcfarland opened 1 month ago

gavinmcfarland commented 1 month ago

If a container has min-height: 100vh.

Polyfill creates the following CSS variable --fgp-min-height which points to:

--fgp-min-height: var(--element-has-fgp) calc(100vh + var(--fgp-gap-row, 0%))

However 100vh + 0% can't be calculated, so the height is not applied.