@marianmeres/stuic 3.105.0 → 3.106.0

package/dist/actions/validate.svelte.js

@@ -173,6 +173,15 @@ export function validate(el, fn) {
         const _doValidate = () => {
             if (!enabled)
                 return;
+            // A focused, dirty field torn down by a route change fires a final
+            // synchronous `change`/`blur` while being removed from the DOM. That
+            // removal runs inside Svelte's flush, so writing `validation` state here
+            // would throw `state_unsafe_mutation`. By then the node is already
+            // detached (`isConnected === false`) and the field is going away — skip.
+            // No-op for normal interactive validation and for the synchronous
+            // imperative `validate()` path, both of which run while connected.
+            if (!el.isConnected)
+                return;
             el.checkValidity();
             // Store customValidator message directly - hidden inputs (type="hidden")
             // don't populate el.validationMessage even when setCustomValidity() is called.
@@ -210,9 +219,6 @@ export function validate(el, fn) {
                 return m;
             }, []);
             // console.log(1111, validityState, el);
-            // hm... Uncaught Svelte error: state_unsafe_mutation...
-            // the `tick` await helps, but I'm not really sure I understand the internals...
-            // tick().then(() => {
             setValidationResult?.({
                 validity: validityState,
                 reasons,
@@ -224,7 +230,6 @@ export function validate(el, fn) {
                     el.validationMessage ||
                     "This field is invalid. Please review and try again."),
             });
-            // });
         };
         // Expose the current validator to the host so it can trigger validation
         // imperatively (e.g., on submit). The closure captures the current

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@marianmeres/stuic",
-	"version": "3.105.0",
+	"version": "3.106.0",
 	"scripts": {
 		"dev": "vite dev",
 		"build": "vite build && pnpm run prepack",