kamil/libnovel
1
0
Fork 0
Code Issues Pull Requests 3 Actions Packages Projects Releases 162 Wiki Activity

fix(ui/browse): use value prop on select elements to fix filter state

Browse Source 
Replace selected={data.x === opt.value} on individual <option> elements
with value={data.x} on the <select> — the idiomatic Svelte approach that
ensures correct hydration and form submission of the current filter values.
This commit is contained in:
Admin
2026-03-04 00:40:46 +05:00
parent 2c43907e34
commit f6febfdb5e
1 changed files with 6 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
ui/src/routes/browse/+page.svelte
View File

@@ -91,28 +91,31 @@
<select
name="genre"
value={data.genre}
class="bg-zinc-800 border border-zinc-700 text-zinc-200 text-sm rounded px-3 py-1.5 focus:outline-none focus:border-amber-400"
>
{#each genres as g}
<option value={g.value} selected={data.genre === g.value}>{g.label}</option>
<option value={g.value}>{g.label}</option>
{/each}
</select>
<select
name="sort"
value={data.sort}
class="bg-zinc-800 border border-zinc-700 text-zinc-200 text-sm rounded px-3 py-1.5 focus:outline-none focus:border-amber-400"
>
{#each sorts as s}
<option value={s.value} selected={data.sort === s.value}>{s.label}</option>
<option value={s.value}>{s.label}</option>
{/each}
</select>
<select
name="status"
value={data.status}
class="bg-zinc-800 border border-zinc-700 text-zinc-200 text-sm rounded px-3 py-1.5 focus:outline-none focus:border-amber-400"
>
{#each statuses as st}
<option value={st.value} selected={data.status === st.value}>{st.label}</option>
<option value={st.value}>{st.label}</option>
{/each}
</select>