fix(QRadio/QCheckbox): checked must be set as .prop to change the nat…

…ive form value and as .attr to change the html attr #15182 (#15183) close #15182
quasarframework · Dec 28, 2022 · fd8d513 · fd8d513
1 parent da674c8
commit fd8d513
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/ui/src/components/checkbox/use-checkbox.js b/ui/src/components/checkbox/use-checkbox.js
@@ -112,6 +112,8 @@ export default function (type, getInner) {
     const prop = { type: 'checkbox' }
 
     props.name !== void 0 && Object.assign(prop, {
+      // see https://vuejs.org/guide/extras/render-function.html#creating-vnodes (.prop)
+      '.checked': isTrue.value,
       '^checked': isTrue.value === true ? 'checked' : void 0,
       name: props.name,
       value: modelIsArray.value === true

diff --git a/ui/src/components/radio/QRadio.js b/ui/src/components/radio/QRadio.js
@@ -100,6 +100,8 @@ export default createComponent({
       const prop = { type: 'radio' }
 
       props.name !== void 0 && Object.assign(prop, {
+        // see https://vuejs.org/guide/extras/render-function.html#creating-vnodes (.prop)
+        '.checked': isTrue.value === true,
         '^checked': isTrue.value === true ? 'checked' : void 0,
         name: props.name,
         value: props.val