Thanks to visit codestin.com
Credit goes to github.com

Skip to content

Releases: chakra-ui/ark

@ark-ui/[email protected]

18 Oct 20:55

Choose a tag to compare

Fixed

  • Angle Slider: Fix accessibility violation where the slider thumb element lacked an accessible name. The thumb now
    supports aria-label and aria-labelledby props, and automatically falls back to the label element's ID for proper
    ARIA labeling.

  • Select: Fix accessibility violation where the required state was not set correctly to on the trigger.

  • Tags Input: Fix issue where entering a custom tag with combobox integration required pressing Enter twice. The
    tags-input now correctly handles custom values when the combobox has no highlighted item (aria-activedescendant is
    empty), allowing the tag to be added on the first Enter press.

@ark-ui/[email protected]

18 Oct 20:55

Choose a tag to compare

Fixed

  • Angle Slider: Fix accessibility violation where the slider thumb element lacked an accessible name. The thumb now
    supports aria-label and aria-labelledby props, and automatically falls back to the label element's ID for proper
    ARIA labeling.

  • Select: Fix accessibility violation where the required state was not set correctly to on the trigger.

  • Tags Input: Fix issue where entering a custom tag with combobox integration required pressing Enter twice. The
    tags-input now correctly handles custom values when the combobox has no highlighted item (aria-activedescendant is
    empty), allowing the tag to be added on the first Enter press.

@ark-ui/[email protected]

18 Oct 20:54

Choose a tag to compare

Fixed

  • Angle Slider: Fix accessibility violation where the slider thumb element lacked an accessible name. The thumb now
    supports aria-label and aria-labelledby props, and automatically falls back to the label element's ID for proper
    ARIA labeling.

  • Select: Fix accessibility violation where the required state was not set correctly to on the trigger.

  • Tags Input: Fix issue where entering a custom tag with combobox integration required pressing Enter twice. The
    tags-input now correctly handles custom values when the combobox has no highlighted item (aria-activedescendant is
    empty), allowing the tag to be added on the first Enter press.

@ark-ui/[email protected]

18 Oct 20:53

Choose a tag to compare

Fixed

  • Angle Slider: Fix accessibility violation where the slider thumb element lacked an accessible name. The thumb now
    supports aria-label and aria-labelledby props, and automatically falls back to the label element's ID for proper
    ARIA labeling.

  • Select: Fix accessibility violation where the required state was not set correctly to on the trigger.

  • Tags Input: Fix issue where entering a custom tag with combobox integration required pressing Enter twice. The
    tags-input now correctly handles custom values when the combobox has no highlighted item (aria-activedescendant is
    empty), allowing the tag to be added on the first Enter press.

@ark-ui/[email protected]

15 Oct 21:11

Choose a tag to compare

Fixed

  • Checkbox

    • Fix issue where setting initial checked state to indeterminate doesn't work
    • Ensure api.checkedState returns the correct checked state (boolean | "indeterminate")
  • Collapsible: Fix issue where dir prop value was hardcoded to ltr instead of using the provided value

  • Combobox: Fix issue where controlled single-select combobox does not propagate its initial value to inputValue

  • Listbox: Fix issue where pressing Enter key when no highlighted item still calls event.preventDefault()

  • Radio Group: Refactor to use getBoundingClientRect() for precise indicator positioning

  • Slider

    • Fix issue where slider could stop abruptly when scrubbing thumb
    • Fix issue where range slider thumbs become stuck when dragged to the same position without minStepsBetweenThumbs
  • Tabs: Refactor to use getBoundingClientRect() for precise indicator positioning

  • Tags Input: Fix issue where maxLength doesn't apply to the edit input as well

@ark-ui/[email protected]

15 Oct 21:11

Choose a tag to compare

Fixed

  • Checkbox

    • Fix issue where setting initial checked state to indeterminate doesn't work
    • Ensure api.checkedState returns the correct checked state (boolean | "indeterminate")
  • Collapsible: Fix issue where dir prop value was hardcoded to ltr instead of using the provided value

  • Combobox: Fix issue where controlled single-select combobox does not propagate its initial value to inputValue

  • Listbox: Fix issue where pressing Enter key when no highlighted item still calls event.preventDefault()

  • Radio Group: Refactor to use getBoundingClientRect() for precise indicator positioning

  • Slider

    • Fix issue where slider could stop abruptly when scrubbing thumb
    • Fix issue where range slider thumbs become stuck when dragged to the same position without minStepsBetweenThumbs
  • Tabs: Refactor to use getBoundingClientRect() for precise indicator positioning

  • Tags Input: Fix issue where maxLength doesn't apply to the edit input as well

@ark-ui/[email protected]

15 Oct 21:10

Choose a tag to compare

Fixed

  • Checkbox

    • Fix issue where setting initial checked state to indeterminate doesn't work
    • Ensure api.checkedState returns the correct checked state (boolean | "indeterminate")
  • Collapsible: Fix issue where dir prop value was hardcoded to ltr instead of using the provided value

  • Combobox: Fix issue where controlled single-select combobox does not propagate its initial value to inputValue

  • Listbox: Fix issue where pressing Enter key when no highlighted item still calls event.preventDefault()

  • Radio Group: Refactor to use getBoundingClientRect() for precise indicator positioning

  • Slider

    • Fix issue where slider could stop abruptly when scrubbing thumb
    • Fix issue where range slider thumbs become stuck when dragged to the same position without minStepsBetweenThumbs
  • Tabs: Refactor to use getBoundingClientRect() for precise indicator positioning

  • Tags Input: Fix issue where maxLength doesn't apply to the edit input as well

@ark-ui/[email protected]

15 Oct 21:08

Choose a tag to compare

Fixed

  • Checkbox

    • Fix issue where setting initial checked state to indeterminate doesn't work
    • Ensure api.checkedState returns the correct checked state (boolean | "indeterminate")
  • Collapsible: Fix issue where dir prop value was hardcoded to ltr instead of using the provided value

  • Combobox: Fix issue where controlled single-select combobox does not propagate its initial value to inputValue

  • Listbox: Fix issue where pressing Enter key when no highlighted item still calls event.preventDefault()

  • Radio Group: Refactor to use getBoundingClientRect() for precise indicator positioning

  • Slider

    • Fix issue where slider could stop abruptly when scrubbing thumb
    • Fix issue where range slider thumbs become stuck when dragged to the same position without minStepsBetweenThumbs
  • Tabs: Refactor to use getBoundingClientRect() for precise indicator positioning

  • Tags Input: Fix issue where maxLength doesn't apply to the edit input as well

@ark-ui/[email protected]

08 Oct 20:52

Choose a tag to compare

Added

  • Collapsible: Add support for collapsedHeight and collapsedWidth props to control the dimensions of the
    collapsible content when in its collapsed state.

  • Focus Trap: Allow elements referenced by aria-controls to be included in the trap scope. This makes it possible
    for menus, popovers, etc. to be portalled and work correctly.

  • Pagination: Add getPageUrl prop for generating href attributes when using pagination as links.

const service = useMachine(pagination.machine, {
  type: 'link',
  getPageUrl: ({ page, pageSize }) => `/products?page=${page}&size=${pageSize}`,
})
  • Select: Add SelectRootComponentProps type export for better component type composition.

  • Listbox: Add ListboxRootComponentProps type export for better component type composition.

  • Combobox: Add ComboboxRootComponentProps type export for better component type composition.

  • TreeView:

    • Add TreeViewRootComponentProps type export for better component type composition.
    • (Experimental) Add support for node renaming functionality:
      • Add TreeViewNodeRenameInput component for inline node label editing
      • Add canRename prop to control which nodes can be renamed
      • Add renameStart, beforeRename, and renameComplete event emitters for rename lifecycle
      • Add CheckedChangeDetails, LoadChildrenErrorDetails, RenameStartDetails, and RenameCompleteDetails type exports

Fixed

  • Scroll Area: Fix RTL horizontal scrollbar positioning on Safari

  • Slider: Fix issue where slider continues dragging when disabled during drag operation.

  • Switch: Fix issue where data-active is inconsistently applied when disabled state changes at runtime

@ark-ui/[email protected]

08 Oct 20:52

Choose a tag to compare

Added

  • Collapsible: Add support for collapsedHeight and collapsedWidth props to control the dimensions of the
    collapsible content when in its collapsed state.

  • Focus Trap: Allow elements referenced by aria-controls to be included in the trap scope. This makes it possible
    for menus, popovers, etc. to be portalled and work correctly.

  • Pagination: Add getPageUrl prop for generating href attributes when using pagination as links.

const service = useMachine(pagination.machine, {
  type: 'link',
  getPageUrl: ({ page, pageSize }) => `/products?page=${page}&size=${pageSize}`,
})
  • Select: Add SelectRootComponentProps type export for better component type composition.

  • Listbox: Add ListboxRootComponentProps type export for better component type composition.

  • Combobox: Add ComboboxRootComponentProps type export for better component type composition.

  • TreeView:

    • Add TreeViewRootComponentProps type export for better component type composition.
    • (Experimental) Add support for node renaming functionality:
      • Add TreeViewNodeRenameInput component for inline node label editing
      • Add canRename prop to control which nodes can be renamed
      • Add onRenameStart, onBeforeRename, and onRenameComplete callbacks for rename lifecycle
      • Add CheckedChangeDetails, LoadChildrenErrorDetails, RenameStartDetails, and RenameCompleteDetails type exports

Fixed

  • Select: Fix issue where Select.HiddenSelect doesn't emit correct values when using custom objects with itemToValue

  • Field: Fix issue where bind:value doesn't work correctly in Field.Textarea, Field.Input, and Field.Select
    components

  • Password Input: Fix issue where bind:value doesn't work correctly in PasswordInput.Input component

  • Scroll Area: Fix RTL horizontal scrollbar positioning on Safari

  • Slider: Fix issue where slider continues dragging when disabled during drag operation.

  • Switch: Fix issue where data-active is inconsistently applied when disabled state changes at runtime

  • Presence: Fix issue where exit animations don't work on subsequent toggles when using lazyMount and unmountOnExit together