Support mixed state

muan · muan · commit c8b518cbf767 · 2019-07-05T15:00:01.000-04:00
diff --git a/index.js b/index.js
@@ -184,7 +184,11 @@ function shouldCommit(event: Event) {
 function updateChecked(selected: Element, details: Element) {
   for (const el of details.querySelectorAll('[role="menuitemradio"], [role="menuitemcheckbox"]')) {
     const input = el.querySelector('input[type="radio"], input[type="checkbox"]')
-    el.setAttribute('aria-checked', (input instanceof HTMLInputElement ? input.checked : el === selected).toString())
+    let checkState = el === selected
+    if (input instanceof HTMLInputElement) {
+      checkState = input.indeterminate ? 'mixed' : input.checked
+    }
+    el.setAttribute('aria-checked', checkState.toString())
   }
 }
 

Original file line number	Diff line number	Diff line change
`@@ -184,7 +184,11 @@ function shouldCommit(event: Event) {`
`184`	`184`	`function updateChecked(selected: Element, details: Element) {`
`185`	`185`	`for (const el of details.querySelectorAll('[role="menuitemradio"], [role="menuitemcheckbox"]')) {`
`186`	`186`	`const input = el.querySelector('input[type="radio"], input[type="checkbox"]')`
`187`		`- el.setAttribute('aria-checked', (input instanceof HTMLInputElement ? input.checked : el === selected).toString())`
	`187`	`+ let checkState = el === selected`
	`188`	`+ if (input instanceof HTMLInputElement) {`
	`189`	`+ checkState = input.indeterminate ? 'mixed' : input.checked`
	`190`	`+ }`
	`191`	`+ el.setAttribute('aria-checked', checkState.toString())`
`188`	`192`	`}`
`189`	`193`	`}`
`190`	`194`