@pienter/ui 0.20.0 → 0.20.1

package/CHANGELOG.md

@@ -2,6 +2,18 @@
 
 ## Unreleased
 
+## 0.20.1 - 2026-09-16
+
+### Fixed
+
+- `Select` shows its empty option again after the model clears from a value
+  no option carries. A single-value `FilterSelect` fed
+  `filter[status]=draft,published` selected nothing, and when Clear all set
+  the model to `''` the control stayed blank: a `<select>` with no selection
+  already reads `''`, so Vue saw nothing to write. The control now syncs the
+  native value itself after every model change. An unknown value still
+  selects nothing; only the way back is fixed.
+
 ## 0.20.0 - 2026-09-16
 
 ### Added

package/components/form/select/Select.vue

@@ -18,6 +18,7 @@
             <select
                 v-bind="$attrs"
                 :id="inputId"
+                ref="controlRef"
                 class="pui-select__control"
                 :name="name"
                 :required="required"
@@ -58,7 +59,7 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue';
+import { computed, ref, watch } from 'vue';
 import { generateId } from '../../../utils/a11y/id.js';
 import Icon from '../../display/icon/Icon.vue';
 
@@ -106,6 +107,20 @@ const inputId = props.id ?? generateId('select');
 const hintId = `${inputId}-hint`;
 const errorsId = `${inputId}-errors`;
 
+const controlRef = ref<HTMLSelectElement | null>(null);
+
+// Vue skips the write when `el.value` already reads the new value, which it does for '' while nothing is selected.
+watch(
+    () => props.modelValue,
+    (value) => {
+        const el = controlRef.value;
+        if (!el) return;
+        const next = value ?? '';
+        if (el.selectedIndex === -1 || el.value !== next) el.value = next;
+    },
+    { flush: 'post' },
+);
+
 const hasErrors = computed(() => props.errors.length > 0);
 
 const computedStatus = computed(() => {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pienter/ui",
-  "version": "0.20.0",
+  "version": "0.20.1",
   "description": "Shared Pienter UI components, styles, icons, and browser utilities.",
   "type": "module",
   "license": "MIT",