# What changed in @chakra-ui/react

> 216 changes in @chakra-ui/react 3 from its official release notes, upgrade guides and advisories: 6 breaking, 1 security, 60 new APIs and options. Each one cited. Sources checked 2026-10-18. HTML: https://unstale.sh/npm/@chakra-ui/react/

To see which of these apply to a repository, run `npx @unstale/cli init` in it.

## @chakra-ui/react 3

### Breaking changes

- Runs a supplied onClick handler before closing the dialog, and no longer submits an ancestor form by default. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Runs a supplied onClick handler before closing the drawer, and no longer submits an ancestor form by default. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- No longer submits an ancestor form when clicked. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Now represents the full per-level indent, including indent-size and half icon-size; zero fully removes nested indentation and custom values no longer receive an extra offset. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Pressing Enter no longer submits the form when an item is highlighted or a value is rejected by allowCustomValue: false. (3.36.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.0)
- The focus ring now appears only for :focus-visible, not on mouse click. (3.36.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.0)

### Security

- Fixes an XSS vector in the hidden input-width measurement element by using textContent instead of parsing tag values as HTML. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)

### New APIs and options

- Adds a return-value generic so awaiting open() returns the value passed to close() instead of any; the generic defaults to unknown. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Accepts a content type parameter so toast title and description can use values other than ReactNode; the default remains ReactNode. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Lets Dialog and Drawer content mark the element to focus when an overlay opens, without using initialFocusEl and a ref. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Lets Dialog and Drawer content exclude an element from automatic focus selection when an overlay opens. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Adds a segmented date field for typing dates without a calendar, with locale-formatted keyboard-navigable segments, range selection, constraints, and time-only input support. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Lets portalled content remain inside the focus trap when it is not reachable through aria-controls or aria-expanded; getters resolve elements lazily. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Controls how kept-mounted content is hidden when closed: the default display-none mode keeps effects running, while activity uses React 19 Activity to pause them. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Adds configurable keyboard stepping while Shift is held; defaults to 10 times step, preserving existing arrow-key behavior. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Adds configurable keyboard stepping while Alt is held; defaults to step divided by 10, preserving existing arrow-key behavior. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Adds a Presence callback that runs when enter animations finish. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Adds configurable larger keyboard steps, applied with Shift and PageUp/PageDown; defaults to 10 times step. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- The return value of createOverlay now has a has() method. (3.36.1) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.1)
- Placement-aware parts in Color Picker, Combobox, Date Picker, Hover Card, Menu, Popover, Select, and Tooltip expose data-side for placement-based styling. (3.36.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.0)
- Adds a draggable, resizable floating panel component with trigger, positioning, content, header, body, control, and resize parts. (3.36.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.0)
- Adds per-panel resizeBehavior with the "preserve-pixel-size" option. (3.36.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.0)
- Size props accept CSS units including px, em, rem, vh, and vw. (3.36.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.0)
- Adds `Field.Item` for multi-control fields, re-exported as `FieldItem` and `Field.Item`. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Adds the `target` prop for multi-control fields. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Adds `keyboardPriority` for Home/End and arrow keys, plus highlight-first, last, next, and previous controls. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- The format prop accepts a function, enabling localized page text. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Fixes deletion, focus, and Home/End behavior, and adds `enterKeyHint`, `autoSubmit`, and `sanitizeValue` props. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Multiple triggers can share one popover instance; translation support and `finalFocusEl` and `restoreFocus` props are also added. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Adds CSS variable overrides for slide-from keyframe distances. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Adds CSS variable overrides for slide keyframe distances, including the distance from the top. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Adds CSS variable overrides for slide-to keyframe distances. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Adds `allowDuplicates` and `sanitizeValue` props, and supports `enterKeyHint` on mobile. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Exports the ComboboxSelectionDetails type in the Combobox namespace. (3.34.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.34.0)
- Adds a datepicker component for date selection. (3.34.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.34.0)
- Exports the ListboxScrollToIndexDetails type in the Listbox namespace. (3.34.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.34.0)
- Exports the ListboxSelectionDetails type in the Listbox namespace. (3.34.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.34.0)
- Exports the ListboxSelectionMode type in the Listbox namespace. (3.34.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.34.0)
- Exports the MenuValueChangeDetails type in the Menu namespace. (3.34.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.34.0)
- Exposes Select.List, enabling virtualization support. (3.34.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.34.0)
- Added the data-instant attribute for instant animations when switching between multiple tooltip triggers. (3.33.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.33.0)
- Added an overflow CSS variable for scroll fade effects. (3.33.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.33.0)
- Added an overflow CSS variable for scroll fade effects. (3.33.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.33.0)
- Added an overflow CSS variable for scroll fade effects. (3.33.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.33.0)
- Added an overflow CSS variable for scroll fade effects. (3.33.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.33.0)
- Added thumbCollisionBehavior to control thumb collision handling with none, push, or swap behavior. (3.33.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.33.0)
- Added isStepSkippable support for step validation. (3.33.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.33.0)
- Added isStepValid support for step validation. (3.33.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.33.0)
- Added onStepInvalid support for step validation. (3.33.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.33.0)
- Added a placeholder prop that shows when no tags exist. (3.33.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.33.0)
- A new Marquee component is available. (3.32.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.32.0)
- Add a CSS variable to configure the ActionBar offset from edges. (3.31.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.31.0)
- Add a placement variant to position the bar at bottom, bottom-start, or bottom-end. (3.31.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.31.0)
- Export the listbox slot recipe from Theme. (3.31.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.31.0)
- Add markerLabel to Slider component anatomy for theming marker labels. (3.31.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.31.0)
- Export a component for custom Slider marker label rendering. (3.31.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.31.0)
- Adds a border semantic token to all color palettes, improving outline component appearance. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- Adds the autoSize prop for variable width or height slides. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- Exports the FocusOutsideEvent type. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- Exports the InteractOutsideEvent type. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- Exports the PointerDownOutsideEvent type. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- Introduces a resizable splitter component with Root, Panel, and ResizeTrigger parts. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- Adds a carousel component for building carousel interfaces. (3.29.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.29.0)
- Adds `collapsedHeight` to control the collapsible content's dimensions in its collapsed state. (3.28.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.28.0)
- Adds `collapsedWidth` to control the collapsible content's dimensions in its collapsed state. (3.28.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.28.0)
- Adds `getPageUrl` for generating `href` attributes when using pagination as links. (3.28.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.28.0)
- Adds a component for entering multiple values as tags, with tag creation, deletion, and keyboard navigation. (3.28.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.28.0)

### Performance

- No longer re-renders whenever its subtree mutates when helper and error text are unchanged. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Recipe components such as Button, Badge, and Skeleton render faster in large lists and tables through per-system recipe caching and memoized variant style resolution. (3.36.1) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.1)

### Behavior and default changes

- Allows partial translations so applications can override individual messages and use defaults for the rest. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Accepts locale-native numerals when typing, not just ASCII digits. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- After a pointer drag, the resize trigger no longer displays the focus ring from :focus-visible, while retaining focus for keyboard resizing. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- FloatingPanel.Root now defaults minSize to { width: 240, height: 100 } to prevent resizing the panel to zero; pass your own minSize to override it. (3.36.1) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.1)
- Removes the input placeholder override so DatePicker placeholders use the same global *::placeholder styling as Input. (3.36.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.0)
- Multiple triggers can share one dialog instance. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Multiple triggers can share one hover card instance. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Dialog, Drawer, Menu, and HoverCard use a unified z-index with zIndex.popover and --layer-index for proper overlay stacking. (3.32.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.32.0)
- Improve focus ring styles for Slider.Thumb. (3.31.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.31.0)
- The outline variant uses colorPalette.border instead of colorPalette.muted or the global border token, with CSS variable fallbacks for backward compatibility. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- The outline variant uses colorPalette.border instead of colorPalette.muted or the global border token, with CSS variable fallbacks for backward compatibility. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- The outline variant uses colorPalette.border instead of colorPalette.muted or the global border token, with CSS variable fallbacks for backward compatibility. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- The outline variant uses colorPalette.border instead of colorPalette.muted or the global border token, with CSS variable fallbacks for backward compatibility. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- initialItems now accepts readonly arrays. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- In modal mode, elements referenced by `aria-controls` can be included in the focus trap scope. (3.28.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.28.0)
- In modal mode, elements referenced by `aria-controls` can be included in the focus trap scope. (3.28.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.28.0)

### Tooling

- Improves hook types with `BreakpointName`. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Improves hook types with `BreakpointName`. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)

### Fixes and other changes

- No longer causes unintended form submission when used inside a form. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Clicking a label no longer incorrectly adds data-focus-visible to the control. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Prevents the channel input from committing a partial value when Enter confirms an IME composition. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Prevents scrolling an item into view from causing pointerleave to be treated as a real hover and changing the highlighted item. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Fixes lagging segment text and dropped edits during typing or auto-advance, preserves wall-clock values with a custom formatter and no timeZone, and accepts locale-native numerals. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Fixes keyboard range selection to match pointer behavior, including restarting on a third date and resuming a range reopened with only a start date. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Corrects the view trigger's aria-label and announces dates inside a range as In range rather than Choose. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Disabled and read-only pickers no longer react to cell clicks, clear triggers, or presets; read-only retains roving-focus navigation and disabled pickers leave the tab order. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Enforces maxSelectedDates on month and year cells in multiple mode. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Respects minView, maxView, and defaultView when resolving the initial view instead of hardcoding the day-through-year range. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- A controlled open prop is no longer overridden by defaultOpen. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Locks page scrolling behind an open overlay when html is the scroll container. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Locks page scrolling behind an open overlay when html is the scroll container. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Dialog, Drawer, Menu, and Popover now handle Escape immediately after opening instead of sometimes swallowing the keypress. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Closing a panel removes it from the stack so the next panel becomes topmost; focusing a panel raises its positioner above siblings. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Prevents scrolling an item into view from causing pointerleave to be treated as a real hover and changing the highlighted item. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Scroll duration now accounts for content size and actual translation distance, so speed remains consistent when content is narrower than the viewport. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Prevents scrolling an item into view from causing pointerleave to be treated as a real hover and changing the highlighted item. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Prevents the context trigger from flashing at the top-left on first right-click and fixes long-press context menus opening at (0,0). (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Cmd/Ctrl with arrow keys now produces values on the step grid. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Prevents api.setValue from throwing when passed a number while formatOptions is set. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Closing an overlay no longer steals focus from an element focused by the app in the meantime; nested closing handles disconnected outer containers, and Escape restores the visible focus ring. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Tabbing out of portalled content now moves focus to the next tabbable element after the trigger instead of looping back into the content. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Semantic i and em elements now render in italics when preflight is enabled. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- getDataUrl() and the download trigger now preserve overlays such as logos and badges in exported codes. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Clicking a label no longer incorrectly adds data-focus-visible to the control. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Resolves the optional Activity export at runtime and falls back to display-none when the React build does not expose it, avoiding Next.js 15 production build failures. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Prevents scrolling an item into view from causing pointerleave to be treated as a real hover and changing the highlighted item. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Cmd/Ctrl with arrow keys now produces values on the step grid. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Collapsed panels now size to collapsedSize instead of minSize, and keyboard resizing works when a resize trigger receives focus while hovered. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- No longer submits an ancestor form when clicked. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- No longer renders its children twice. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Clicking a label no longer incorrectly adds data-focus-visible to the control. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- No longer causes unintended form submission when used inside a form. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Native form submissions now include current tags in FormData after tags are added, removed, or cleared. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Prevents height flicker when expanding the stack in overlap mode by measuring heights without the scale transform. (3.37.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.37.0)
- Fixes incorrect CSS prop application. (3.36.1) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.1)
- The outline-variant checked ring on RadioCard and CheckboxCard is drawn with an inset shadow so it is not clipped when a parent has overflow hidden, auto, or scroll. (3.36.1) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.1)
- Fixes incorrect CSS prop application. (3.36.1) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.1)
- Fixes incorrect CSS prop application. (3.36.1) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.1)
- Fixes custom className removing the base chakra-image class. (3.36.1) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.1)
- LinkOverlay now forwards the rel attribute to the rendered anchor instead of dropping it. (3.36.1) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.1)
- Recipe merging normalizes compiled and raw configs before combining them, preventing errors when composing recipe-based components through the chakra factory and avoiding mutation of source configs. (3.36.1) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.1)
- Fixes incorrect CSS prop application. (3.36.1) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.1)
- Item triggers no longer render redundant aria-disabled attributes. (3.36.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.0)
- onValueChangeEnd now fires when a color is picked with the EyeDropper API. (3.36.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.0)
- Fixes range-mode clearing so it resets active and hovered state. (3.36.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.0)
- Hovering an outside day no longer changes the visible month. (3.36.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.0)
- Fixes the native month/year select inside modals in Firefox. (3.36.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.0)
- Nested token overrides are normalized when merging the default theme; adding overrides such as colors.black.100 promotes the original colors.black value to DEFAULT and resolves nested tokens. (3.36.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.0)
- Fixes shared custom trigger elements being ignored and trigger lookups in shadow DOM. (3.36.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.0)
- Fixes the page being left uninteractive after closing in React 19 Strict Mode. (3.36.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.0)
- Token dictionary lookups preserve semantic token condition metadata. (3.36.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.0)
- Fixes blur behavior when the input is cleared and min is greater than 0. (3.36.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.0)
- Fixes data-filled being set on every input during the first render. (3.36.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.0)
- Fixes recipe definition types so defaultVariants accepts variant keys when using the broad RecipeDefinition type. (3.36.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.0)
- Clicking a resize trigger now moves focus to that trigger. (3.36.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.0)
- Returns the semantic CSS variable reference for semantic tokens with light/dark conditions instead of a dark-mode-resolved value. (3.36.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.0)
- Item trigger props now include the missing `data-focus` attribute. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Array shorthand is no longer mistaken for responsive arrays. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Fixes controlled carousels inside dialogs, navigation in transformed containers, scroll drift, and page synchronization with indicators. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Vertical slider orientation is corrected during pointer updates. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- VoiceOver announces highlighted options on Apple devices using a live region. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Fixes body scroll locking and restores `pointer-events` correctly when overlays run under React StrictMode. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Fixes calendar popup clipping constrained by available height. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Exports the previously missing date picker slot recipe. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Prevents the panel from appearing behind the dimmed overlay when opening and closing quickly or with certain global z-index styles. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Prevents the panel from appearing behind the dimmed overlay when opening and closing quickly or with certain global z-index styles. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Array shorthand is no longer mistaken for responsive arrays. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Duplicate files are rejected with `FILE_EXISTS`. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Array shorthand is no longer mistaken for responsive arrays. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Responsive array values in selector rules such as `#id` or `.class` now generate responsive breakpoint styles instead of being serialized incorrectly. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Array shorthand is no longer mistaken for responsive arrays. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Fixes incorrect application of the CSS prop. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Rejects malformed CSS length values such as `1a5rem` and `1-5rem`. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Closed menus expose `aria-expanded`, submenu hover no longer flashes diagonally, and multiple triggers are supported. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Array shorthand is no longer mistaken for responsive arrays. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Uses a React 19-safe state-based implementation and compares values with `Object.is` for correct `NaN` and `-0` behavior. (3.35.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.35.0)
- Fixes a TypeScript error when passing a ref to CheckboxGroup. (3.34.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.34.0)
- Fixes the default size so the icon stays aligned with error text instead of expanding when the error area is full width. (3.34.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.34.0)
- Element selectors matching utility shorthands, such as p, m, h, and w, are no longer silently ignored. (3.34.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.34.0)
- Individual checkbox props are no longer overridden by CheckboxGroup when rendering. (3.33.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.33.0)
- Overlay and floating elements no longer scroll out of view when horizontally scrolling long code lines. (3.33.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.33.0)
- Selecting black shades now updates the color in controlled mode. (3.33.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.33.0)
- Closing a nested dialog no longer incorrectly closes parent layers. (3.33.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.33.0)
- Submenu behavior is no longer glitchy when quickly hovering between trigger items. (3.33.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.33.0)
- Cursor positioning issues after clicking the label or scrubbing are fixed. (3.33.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.33.0)
- The next trigger is now disabled when count is 0. (3.33.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.33.0)
- Closing a nested popover no longer incorrectly closes parent layers. (3.33.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.33.0)
- Thumb dragging from the edge is fixed in contain alignment mode. (3.33.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.33.0)
- Fixed api.toggleChecked() not working. (3.33.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.33.0)
- The change event is now emitted after clearing a controlled textarea. (3.33.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.33.0)
- Initial focus is fixed when the first node or branch is disabled. (3.33.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.33.0)
- Backdrop blur now applies as expected when used with backdropFilter="auto". (3.32.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.32.0)
- The keyframe now animates width instead of height for horizontal collapse transitions. (3.32.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.32.0)
- The base value is now respected during server-side rendering. (3.32.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.32.0)
- Fix z-index stacking when ColorPicker is used inside dialogs. (3.31.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.31.0)
- Fix z-index stacking when Combobox is used inside dialogs. (3.31.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.31.0)
- Normalize base styles so shorthand properties do not overwrite variant styles. (3.31.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.31.0)
- Fix menu content backgrounds not rendering by using the full token path for the CSS variable. (3.31.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.31.0)
- Fix z-index stacking when Select is used inside dialogs. (3.31.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.31.0)
- Fix duplicated children when loading is set to false. (3.31.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.31.0)
- Fixes dragging after tab switches or scrolling, and mouse-wheel scrolling when allowMouseDrag is enabled. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- Fixes onHighlightChange not firing when filtering produces no results. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- Fixes focus stealing in controlled mode. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- Removes problematic aria-hidden behavior. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- Non-interactive children in the dropzone now open the file picker. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- Fixes arrow direction in RTL layouts. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- Fixes arrow direction in RTL layouts. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- Fixes inconsistent data-focus-visible and data-focus attributes. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- Fixes the indicator appearing before its rectangle is resolved when used with Tabs. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- The indicator now updates when the tab list resizes during responsive reflow. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.36.0), [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- Fixes the indicator appearing before its rectangle is resolved when used with Radio Group. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- Long tags now truncate with an ellipsis instead of overflowing the container. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- Fixes arrow direction in RTL layouts. (3.30.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.30.0)
- Improves padding management to prevent input text from overflowing onto triggers. (3.29.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.29.0)
- Adds the missing client directive to CodeBlock. (3.29.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.29.0)
- Fixes setting the initial checked state to `indeterminate`. (3.28.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.28.0)
- Ensures `api.checkedState` returns the correct checked state. (3.28.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.28.0)
- Fixes the `dir` prop so its value is applied correctly. (3.28.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.28.0)
- Fixes propagation of the initial value to `inputValue` for controlled single-select comboboxes. (3.28.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.28.0)
- Pressing Enter when no item is highlighted no longer calls `event.preventDefault()`. (3.28.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.28.0)
- Fixes the cursor jumping to the end when typing in the middle with `formatOptions` such as `style: "currency"`. (3.28.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.28.0)
- Fixes `Cmd+Backspace` and `Cmd+Delete` inserting "undefined" instead of clearing the field. (3.28.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.28.0)
- Fixes horizontal scrollbar positioning on Safari in RTL mode. (3.28.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.28.0)
- Fixes resize tracking so it observes the root element. (3.28.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.28.0)
- Fixes the accessibility violation caused by the required state not being set correctly on the trigger. (3.28.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.28.0)
- Fixes continued dragging when a slider is disabled during a drag operation. (3.28.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.28.0)
- Fixes inconsistent application of `data-active` when the disabled state changes at runtime. (3.28.0) — [release notes](https://github.com/chakra-ui/chakra-ui/releases/tag/%40chakra-ui/react%403.28.0)