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

148 stars 6 forks source link

Closed gavinmcfarland closed 3 months ago

gavinmcfarland commented 5 months 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.

gavinmcfarland commented 3 months ago

Fixed by the latest release 5.0.0