question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

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:closed
  • Created 5 years ago
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

1reaction
akhchan99commented, Feb 27, 2019

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

0reactions
ravipatel6commented, Oct 28, 2019

indeterminate.sync is not working for IE other browser can understand but IE doesn’t do we have any other fix ?

Read more comments on GitHub >

github_iconTop 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 >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found