diff --git a/.changeset/silly-ideas-appear.md b/.changeset/silly-ideas-appear.md new file mode 100644 index 000000000..856cbd7a4 --- /dev/null +++ b/.changeset/silly-ideas-appear.md @@ -0,0 +1,5 @@ +--- +'@finsweet/attributes-list': patch +--- + +fix: add active class to initially checked form elements diff --git a/packages/list/src/filter/elements.ts b/packages/list/src/filter/elements.ts index 6e13fe2ae..3546a63b4 100644 --- a/packages/list/src/filter/elements.ts +++ b/packages/list/src/filter/elements.ts @@ -65,6 +65,15 @@ export const handleFiltersForm = (form: HTMLFormElement) => { setActiveClass(target); }); + for (const formField of form.elements) { + if (!isFormField(formField)) continue; + + const { type } = formField; + if (type === 'submit') continue; + + setActiveClass(formField); + } + return () => { submitCleanup(); changeCleanup();