chakra-ui/ark @ark-ui/svelte@5.9.0

on GitHub

Added

• Combobox: Add alwaysSubmitOnEnter prop to allow bypassing the default two-step behavior (Enter to close
  combobox, then Enter to submit form) and instead submit the form immediately on Enter press. This is useful for
  single-field autocomplete forms where Enter should submit the form directly.

• Dismissable: Add support for layer types in dismissable layer stack. Layers can now be categorized as dialog,
  popover, menu, or listbox. This enables:

  • data-nested attribute on nested layers of the same type
  • data-has-nested attribute on parent layers with nested children of the same type
  • --nested-layer-count CSS variable indicating the number of nested layers of the same type

Changed

• Hover Card: Change default delay values for hover card to improve accessibility.

  • openDelay: from 700ms to 600ms

• Tooltip: Change default delay values for tooltip to improve accessibility.
  Learn more

  • openDelay: from 1000ms to 400ms
  • closeDelay: from 500ms to 150ms

Fixed

• Editable: Allow text selection in editable preview when autoResize is enabled

  Previously, when autoResize was set to true, the preview element had userSelect: "none" applied, preventing
  users from selecting text. This has been fixed by removing the userSelect style property.

• File Upload: Fix regression where clicking the trigger doesn't open the file picker when used within the dropzone

• Svelte: Fix Svelte warning about state reference capturing initial value instead of current reactive state

• Menu

  • Fix issue where hovering a partially visible item with pointer causes it to scroll into view
  • Fix issue where keyboard activation of menu items with target="_blank" would open two tabs

• Tabs: Fix issue where ids for item and content could not be customized

• Toast: Allow creating a toast store without any arguments