checkbox indeterminate not honoured
See original GitHub issue<b-form-checkbox v-model="checked" :indeterminate="notCompleted"/>
if set notCompleted to true and checked to false
When loaded, it will show the checkbox with a dash, this is good. Then when I click on the checkbox, it will changed to a check mark, ignoring the state of indeterminate.
If this is by design, is there anyway to persist the state of indeterminate regardless of what the checked value is? so that the checkbox will toggle between “unchecked” and “indeterminate” state?
Issue Analytics
- State:
- Created 5 years ago
- Comments:5 (2 by maintainers)
Top Results From Across the Web
Indeterminate checkboxes not working
When setting the "indeterminate" property of a checkbox to "true" the UI should render a "-" in the checkbox. It does not do...
Read more >Angular indeterminate checkbox feature not working
Problem scenario: The problem comes when I check the parent checkbox which checks all the agents which is fine but when I uncheck...
Read more >Indeterminate Checkboxes - CSS-Tricks
The indeterminate state is visual only. The checkbox is still either checked or unchecked as a state. That means the visual indeterminate state ......
Read more >indeterminate - CSS: Cascading Style Sheets - MDN Web Docs
The :indeterminate CSS pseudo-class represents any form element whose state is indeterminate, such as checkboxes which have their HTML ...
Read more >:indeterminate - CSS: Cascading Style Sheets
<input type="checkbox"> elements whose indeterminate property is set to true by JavaScript ... Checkbox & radio button ... Working Draft, No change.
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Additional info which might help other…
after adding .sync to the indeterminate, it still doesn’t work, because the browser override the value of indeterminate which is set in setIndeterminate, so I uses nextTick to set the indeterminate value and that updated the prop in the next cycle, and the sync update the GUI.
Thanks @tmorehouse
indeterminate.sync is not working for IE other browser can understand but IE doesn’t do we have any other fix ?