fix: uncheck server-rendered picker input (#1184)

danielroe · web-flow · commit 50d1abf4d5e3 · 2026-02-08T00:15:18.000Z
diff --git a/app/components/Settings/AccentColorPicker.vue b/app/components/Settings/AccentColorPicker.vue
@@ -10,6 +10,13 @@ onPrehydrate(el => {
     const input = el.querySelector<HTMLInputElement>(`input[value="${id}"]`)
     if (input) {
       input.checked = true
+      input.setAttribute('checked', '')
+    }
+    // Remove checked from the server-default (clear button, value="")
+    const clearInput = el.querySelector<HTMLInputElement>('input[value=""]')
+    if (clearInput) {
+      clearInput.checked = false
+      clearInput.removeAttribute('checked')
     }
   }
 })

Original file line number	Diff line number	Diff line change
`@@ -10,6 +10,13 @@ onPrehydrate(el => {`
`10`	`10`	const input = el.querySelector<HTMLInputElement>(`input[value="${id}"]`)
`11`	`11`	`if (input) {`
`12`	`12`	`input.checked = true`
	`13`	`+ input.setAttribute('checked', '')`
	`14`	`+ }`
	`15`	`+ // Remove checked from the server-default (clear button, value="")`
	`16`	`+ const clearInput = el.querySelector<HTMLInputElement>('input[value=""]')`
	`17`	`+ if (clearInput) {`
	`18`	`+ clearInput.checked = false`
	`19`	`+ clearInput.removeAttribute('checked')`
`13`	`20`	`}`
`14`	`21`	`}`
`15`	`22`	`})`