Skip to main content

Version 2.3.1

@chakra-ui/css-reset@2.0.7​

Patch Changes​

@chakra-ui/menu@2.0.13​

Patch Changes​

@chakra-ui/provider@2.0.16​

Patch Changes​

@chakra-ui/react@2.3.1​

Patch Changes​

@chakra-ui/styled-system@2.3.1​

Patch Changes​

  • ec23eb020 Thanks @segunadebayo! - Allow user optin to the 100vh polyfill because it's only useful in absolute or fixed layout modes.

    Chakra new polyfills the 100vh attribute to use either the literal 100vh or -webkit-fill-available where supported. To use this feature, set the height values to $100vh instead of 100vh.

    // Might not work in all cases
    <Box minHeight="100vh" position="absolute">
      Test
    </Box>

    // Polyfilled version ensures 100vh work correctly
    <Box minHeight="$100vh" position="absolute">
      Test
    </Box>

@chakra-ui/system@2.2.9​

Patch Changes​

@chakra-ui/theme@2.1.10​

Patch Changes​

  • ec23eb020 Thanks @segunadebayo! - Allow user optin to the 100vh polyfill because it's only useful in absolute or fixed layout modes.

    Chakra new polyfills the 100vh attribute to use either the literal 100vh or -webkit-fill-available where supported. To use this feature, set the height values to $100vh instead of 100vh.

    // Might not work in all cases
    <Box minHeight="100vh" position="absolute">
      Test
    </Box>

    // Polyfilled version ensures 100vh work correctly
    <Box minHeight="$100vh" position="absolute">
      Test
    </Box>

  • Updated dependencies

@chakra-ui/toast@3.0.9​

Patch Changes​

@chakra-ui/props-docs@2.0.17​

Patch Changes​

@chakra-ui/test-utils@2.0.17​

Patch Changes​

On this page