svelte-select-5 6.1.4 → 6.1.6

package/Select.svelte

@@ -163,6 +163,7 @@
     let _inputAttributes = $state({});
     let prevJustValue = $state(undefined);
     let isScrollingTimer;
+    let autoUpdateInitialized = false;
 
     // Floating UI config - using closure for listOffset to capture current value
     let _floatingConfig = {
@@ -385,13 +386,18 @@
         if (!value || (multiple ? value.some((selection) => !selection || !selection[itemId]) : !value[itemId])) return;
 
         if (Array.isArray(value)) {
-            // Only update if items actually changed
+            // Check if any value needs updating - compare properties, not references
+            // (Svelte 5 proxies have different identities than their targets)
             let needsUpdate = false;
             const newValue = value.map((selection) => {
                 const found = findItem(selection);
-                if (found && found !== selection) {
-                    needsUpdate = true;
-                    return found;
+                // Only update if found item has different properties (not just different reference)
+                if (found && found[itemId] === selection[itemId]) {
+                    // Same itemId - check if other properties differ using JSON comparison
+                    if (JSON.stringify(found) !== JSON.stringify(selection)) {
+                        needsUpdate = true;
+                        return found;
+                    }
                 }
                 return selection;
             });
@@ -400,8 +406,11 @@
             }
         } else {
             const found = findItem();
-            if (found && found !== value) {
-                value = found;
+            // Only update if found item has different properties
+            if (found && found[itemId] === value[itemId]) {
+                if (JSON.stringify(found) !== JSON.stringify(value)) {
+                    value = found;
+                }
             }
         }
     }
@@ -845,7 +854,8 @@
     });
 
     $effect(() => {
-        if (container && floatingConfig?.autoUpdate === undefined) {
+        if (container && !autoUpdateInitialized && floatingConfig?.autoUpdate === undefined) {
+            autoUpdateInitialized = true;
             _floatingConfig.autoUpdate = true;
         }
     });

package/no-styles/Select.svelte

@@ -163,6 +163,7 @@
     let _inputAttributes = $state({});
     let prevJustValue = $state(undefined);
     let isScrollingTimer;
+    let autoUpdateInitialized = false;
 
     // Floating UI config - using closure for listOffset to capture current value
     let _floatingConfig = {
@@ -385,13 +386,18 @@
         if (!value || (multiple ? value.some((selection) => !selection || !selection[itemId]) : !value[itemId])) return;
 
         if (Array.isArray(value)) {
-            // Only update if items actually changed
+            // Check if any value needs updating - compare properties, not references
+            // (Svelte 5 proxies have different identities than their targets)
             let needsUpdate = false;
             const newValue = value.map((selection) => {
                 const found = findItem(selection);
-                if (found && found !== selection) {
-                    needsUpdate = true;
-                    return found;
+                // Only update if found item has different properties (not just different reference)
+                if (found && found[itemId] === selection[itemId]) {
+                    // Same itemId - check if other properties differ using JSON comparison
+                    if (JSON.stringify(found) !== JSON.stringify(selection)) {
+                        needsUpdate = true;
+                        return found;
+                    }
                 }
                 return selection;
             });
@@ -400,8 +406,11 @@
             }
         } else {
             const found = findItem();
-            if (found && found !== value) {
-                value = found;
+            // Only update if found item has different properties
+            if (found && found[itemId] === value[itemId]) {
+                if (JSON.stringify(found) !== JSON.stringify(value)) {
+                    value = found;
+                }
             }
         }
     }
@@ -845,7 +854,8 @@
     });
 
     $effect(() => {
-        if (container && floatingConfig?.autoUpdate === undefined) {
+        if (container && !autoUpdateInitialized && floatingConfig?.autoUpdate === undefined) {
+            autoUpdateInitialized = true;
             _floatingConfig.autoUpdate = true;
         }
     });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "svelte-select-5",
-  "version": "6.1.4",
+  "version": "6.1.6",
   "description": "A <Select> component for Svelte 5 apps (fork of svelte-select)",
   "repository": "https://github.com/Dbone29/svelte-select-5.git",
   "author": "Robert Balfré <rob.balfre@gmail.com> (https://github.com/rob-balfre)",