Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Inconsistent indeterminate checkbox behavior #3174

Open
3 tasks done
Omikorin opened this issue Dec 26, 2024 · 0 comments
Open
3 tasks done

Inconsistent indeterminate checkbox behavior #3174

Omikorin opened this issue Dec 26, 2024 · 0 comments

Comments

@Omikorin
Copy link
Collaborator

Description

When using indeterminate prop in the Checkbox it behaves differently across frameworks.

In React:

  • With indeterminate on, it is impossible to toggle state by clicking

In Vue, Svelte:

  • Clicking on the indeterminated checkbox changes state to checked = true

Solid: I couldn't check because of some broken build

Zag.js:

  • Machine seems to be able to update state from indeterminate to boolean values.

In terms of design, I found that many software installers have the Vue/Svelte option - possibility to remove the intermediate state.

Link to Reproduction (or Detailed Explanation)

Storybook

Steps to Reproduce

  1. Use Storybook
  2. You may check on Zag.js website too
  3. Set indeterminate prop on the checkbox's root
  4. Click on the checkbox

Ark UI Version

4.5.0

Framework

  • React
  • Solid
  • Vue

Browser

Brave 1.73.104

Additional Information

No response

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

1 participant