Releases: chakra-ui/ark
@ark-ui/[email protected]
Fixed
-
Angle Slider: Fix accessibility violation where the slider thumb element lacked an accessible name. The thumb now
supportsaria-label
andaria-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 firstEnter
press.
@ark-ui/[email protected]
Fixed
-
Angle Slider: Fix accessibility violation where the slider thumb element lacked an accessible name. The thumb now
supportsaria-label
andaria-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 firstEnter
press.
@ark-ui/[email protected]
Fixed
-
Angle Slider: Fix accessibility violation where the slider thumb element lacked an accessible name. The thumb now
supportsaria-label
andaria-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 firstEnter
press.
@ark-ui/[email protected]
Fixed
-
Angle Slider: Fix accessibility violation where the slider thumb element lacked an accessible name. The thumb now
supportsaria-label
andaria-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 firstEnter
press.
@ark-ui/[email protected]
Fixed
-
Checkbox
- Fix issue where setting initial checked state to
indeterminate
doesn't work - Ensure
api.checkedState
returns the correct checked state (boolean | "indeterminate"
)
- Fix issue where setting initial checked state to
-
Collapsible: Fix issue where
dir
prop value was hardcoded toltr
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]
Fixed
-
Checkbox
- Fix issue where setting initial checked state to
indeterminate
doesn't work - Ensure
api.checkedState
returns the correct checked state (boolean | "indeterminate"
)
- Fix issue where setting initial checked state to
-
Collapsible: Fix issue where
dir
prop value was hardcoded toltr
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]
Fixed
-
Checkbox
- Fix issue where setting initial checked state to
indeterminate
doesn't work - Ensure
api.checkedState
returns the correct checked state (boolean | "indeterminate"
)
- Fix issue where setting initial checked state to
-
Collapsible: Fix issue where
dir
prop value was hardcoded toltr
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]
Fixed
-
Checkbox
- Fix issue where setting initial checked state to
indeterminate
doesn't work - Ensure
api.checkedState
returns the correct checked state (boolean | "indeterminate"
)
- Fix issue where setting initial checked state to
-
Collapsible: Fix issue where
dir
prop value was hardcoded toltr
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]
Added
-
Collapsible: Add support for
collapsedHeight
andcollapsedWidth
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 generatinghref
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
, andrenameComplete
event emitters for rename lifecycle - Add
CheckedChangeDetails
,LoadChildrenErrorDetails
,RenameStartDetails
, andRenameCompleteDetails
type exports
- Add
- Add
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 whendisabled
state changes at runtime
@ark-ui/[email protected]
Added
-
Collapsible: Add support for
collapsedHeight
andcollapsedWidth
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 generatinghref
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
, andonRenameComplete
callbacks for rename lifecycle - Add
CheckedChangeDetails
,LoadChildrenErrorDetails
,RenameStartDetails
, andRenameCompleteDetails
type exports
- Add
- Add
Fixed
-
Select: Fix issue where
Select.HiddenSelect
doesn't emit correct values when using custom objects withitemToValue
-
Field: Fix issue where
bind:value
doesn't work correctly inField.Textarea
,Field.Input
, andField.Select
components -
Password Input: Fix issue where
bind:value
doesn't work correctly inPasswordInput.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 whendisabled
state changes at runtime -
Presence: Fix issue where exit animations don't work on subsequent toggles when using
lazyMount
andunmountOnExit
together