---
title: Version 1.8.6
description:
  Explore the changelog for Chakra UI version 1.8.6. Learn about the latest
  features, bug fixes, and improvements.
releaseUrl: https://github.com/chakra-ui/chakra-ui/pull/5655
releaseDate: March 1, 2022
version: 1.8.6
---

## @chakra-ui/anatomy@1.3.0

### Minor Changes

- [#4443](https://github.com/chakra-ui/chakra-ui/pull/4443)
  [`fbe946223`](https://github.com/chakra-ui/chakra-ui/commit/fbe94622357e22acaf8bab0eae33ceae663d7a5b)
  Thanks [@heozeop](https://github.com/heozeop)! - Add `textarea` part to
  `editableAnatomy`

## @chakra-ui/editable@1.4.0

### Minor Changes

- [#4443](https://github.com/chakra-ui/chakra-ui/pull/4443)
  [`fbe946223`](https://github.com/chakra-ui/chakra-ui/commit/fbe94622357e22acaf8bab0eae33ceae663d7a5b)
  Thanks [@heozeop](https://github.com/heozeop)! - Added the component
  `EditableTextarea` to `Editable`. Use the textarea element to handle multi
  line text input in an editable context.

  ```tsx live=false
  <Editable defaultValue='Change me' onChange={console.log}>
    <EditablePreview />
    <EditableTextarea />
  </Editable>
  ```

### Patch Changes

- Updated dependencies
  \[[`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)]

## @chakra-ui/theme@1.14.0

### Minor Changes

- [#4443](https://github.com/chakra-ui/chakra-ui/pull/4443)
  [`fbe946223`](https://github.com/chakra-ui/chakra-ui/commit/fbe94622357e22acaf8bab0eae33ceae663d7a5b)
  Thanks [@heozeop](https://github.com/heozeop)! - Add styles for new `textarea`
  element in `Editable`

### Patch Changes

- Updated dependencies
  \[[`fbe946223`](https://github.com/chakra-ui/chakra-ui/commit/fbe94622357e22acaf8bab0eae33ceae663d7a5b)]

## @chakra-ui/cli@1.9.0

### Minor Changes

- [#5662](https://github.com/chakra-ui/chakra-ui/pull/5662)
  [`a1e4d7951`](https://github.com/chakra-ui/chakra-ui/commit/a1e4d7951090c9622003e9176005ad3c038fdccc)
  Thanks [@TimKolberger](https://github.com/TimKolberger)! - The CLI tokens
  command now includes semantic tokens in the generated ThemeTypings

## @chakra-ui/accordion@1.4.9

### Patch Changes

- Updated dependencies
  \[[`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)]

## @chakra-ui/avatar@1.3.9

### Patch Changes

- Updated dependencies

## @chakra-ui/button@1.5.8

### Patch Changes

- Updated dependencies
  \[[`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)]

## @chakra-ui/checkbox@1.6.8

### Patch Changes

- Updated dependencies
  \[[`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)]

## @chakra-ui/color-mode@1.4.6

### Patch Changes

- [#5639](https://github.com/chakra-ui/chakra-ui/pull/5639)
  [`001751162`](https://github.com/chakra-ui/chakra-ui/commit/001751162dd1922d8ab53820f405665f0785f196)
  Thanks [@sQVe](https://github.com/sQVe)! - Adds a runtime safeguard for
  `ColorModeScript`.

- Updated dependencies
  \[[`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)]

## @chakra-ui/counter@1.2.8

### Patch Changes

- Updated dependencies
  \[[`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)]

## @chakra-ui/form-control@1.5.9

### Patch Changes

- Updated dependencies
  \[[`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)]

## @chakra-ui/hooks@1.8.5

### Patch Changes

- [#5623](https://github.com/chakra-ui/chakra-ui/pull/5623)
  [`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)
  Thanks [@Brennvo](https://github.com/Brennvo)! - Fixed an issue where the prop
  `isLazy` did not work as expected. This was achieved by updating the hook
  `useAnimationState`.

## @chakra-ui/image@1.1.8

### Patch Changes

- Updated dependencies
  \[[`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)]

## @chakra-ui/input@1.4.4

### Patch Changes

- Updated dependencies

## @chakra-ui/layout@1.7.7

### Patch Changes

- [#5632](https://github.com/chakra-ui/chakra-ui/pull/5632)
  [`e4a990d41`](https://github.com/chakra-ui/chakra-ui/commit/e4a990d41ec4e48a3d92840e0d74cbbf4b17670c)
  Thanks [@m4x3d](https://github.com/m4x3d)! - Fixed zIndex in LinkOverlay so
  that content in LinkBox can have an opacity below 1

## @chakra-ui/media-query@2.0.4

### Patch Changes

- [#5651](https://github.com/chakra-ui/chakra-ui/pull/5651)
  [`d6bed344f`](https://github.com/chakra-ui/chakra-ui/commit/d6bed344f30af50c84d3ed802ec3f0c981586588)
  Thanks [@TimKolberger](https://github.com/TimKolberger)! - - Fixed an issue
  that undefined is returned when calling the hook `useBreakpoint` with
  `defaultValue` specified in SSR

  - Fixed an issue where the value of `useBreakpointValue` in CSR did not match
    SSR.

## @chakra-ui/menu@1.8.9

### Patch Changes

- [#5631](https://github.com/chakra-ui/chakra-ui/pull/5631)
  [`e4da6359d`](https://github.com/chakra-ui/chakra-ui/commit/e4da6359d0a007a4b23959b0b8feed6231a947b6)
  Thanks [@anubra266](https://github.com/anubra266)! - Fixed bug where passing
  `null` as value of `icon` prop in `MenuOptionItem` still rendered the icon.
- Updated dependencies
  \[[`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)]

## @chakra-ui/modal@1.10.10

### Patch Changes

- Updated dependencies
  \[[`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)]

## @chakra-ui/number-input@1.4.5

### Patch Changes

- Updated dependencies
  \[[`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)]

## @chakra-ui/pin-input@1.7.8

### Patch Changes

- Updated dependencies
  \[[`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)]

## @chakra-ui/popover@1.11.7

### Patch Changes

- [#5623](https://github.com/chakra-ui/chakra-ui/pull/5623)
  [`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)
  Thanks [@Brennvo](https://github.com/Brennvo)! - Fixed an issue where the prop
  `isLazy` did not work as expected. This was achieved by updating the hook
  `useAnimationState`.
- Updated dependencies
  \[[`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)]

## @chakra-ui/portal@1.3.8

### Patch Changes

- Updated dependencies
  \[[`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)]

## @chakra-ui/provider@1.7.12

### Patch Changes

- Updated dependencies
  \[[`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)]

## @chakra-ui/radio@1.4.10

### Patch Changes

- Updated dependencies
  \[[`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)]

## @chakra-ui/react@1.8.6

### Patch Changes

- Updated dependencies
  \[[`fbe946223`](https://github.com/chakra-ui/chakra-ui/commit/fbe94622357e22acaf8bab0eae33ceae663d7a5b),
  [`e4a990d41`](https://github.com/chakra-ui/chakra-ui/commit/e4a990d41ec4e48a3d92840e0d74cbbf4b17670c),
  [`fbe946223`](https://github.com/chakra-ui/chakra-ui/commit/fbe94622357e22acaf8bab0eae33ceae663d7a5b),
  [`d6bed344f`](https://github.com/chakra-ui/chakra-ui/commit/d6bed344f30af50c84d3ed802ec3f0c981586588),
  [`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac),
  [`e4da6359d`](https://github.com/chakra-ui/chakra-ui/commit/e4da6359d0a007a4b23959b0b8feed6231a947b6)]

## @chakra-ui/select@1.2.9

### Patch Changes

- Updated dependencies

## @chakra-ui/skeleton@1.2.12

### Patch Changes

- Updated dependencies
  \[[`d6bed344f`](https://github.com/chakra-ui/chakra-ui/commit/d6bed344f30af50c84d3ed802ec3f0c981586588),
  [`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)]

## @chakra-ui/slider@1.5.9

### Patch Changes

- Updated dependencies
  \[[`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)]

## @chakra-ui/switch@1.3.8

### Patch Changes

- Updated dependencies

## @chakra-ui/system@1.11.2

### Patch Changes

- Updated dependencies
  \[[`001751162`](https://github.com/chakra-ui/chakra-ui/commit/001751162dd1922d8ab53820f405665f0785f196)]

## @chakra-ui/tabs@1.6.8

### Patch Changes

- Updated dependencies
  \[[`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)]

## @chakra-ui/textarea@1.2.9

### Patch Changes

- Updated dependencies

## @chakra-ui/toast@1.5.7

### Patch Changes

- Updated dependencies
  \[[`fbe946223`](https://github.com/chakra-ui/chakra-ui/commit/fbe94622357e22acaf8bab0eae33ceae663d7a5b),
  [`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)]

## @chakra-ui/tooltip@1.4.9

### Patch Changes

- Updated dependencies
  \[[`5cd5cff35`](https://github.com/chakra-ui/chakra-ui/commit/5cd5cff35e4837539d83a2157a07585d461b0aac)]

## @chakra-ui/props-docs@1.0.50

### Patch Changes

- Updated dependencies

## create-react-app-ts@1.1.13

### Patch Changes

- Updated dependencies

## gatsby-starter-default@0.3.13

### Patch Changes

- Updated dependencies

## chakra-nextjs@1.1.13

### Patch Changes

- Updated dependencies

## chakra-nextjs-ts@1.1.13

### Patch Changes

- Updated dependencies

## @chakra-ui/test-utils@1.1.12

### Patch Changes

- Updated dependencies
