diff --git a/package-lock.json b/package-lock.json index 411fd9c..4248c2f 100644 --- a/package-lock.json +++ b/package-lock.json @@ -2583,9 +2583,9 @@ } }, "node_modules/caniuse-lite": { - "version": "1.0.30001555", - "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001555.tgz", - "integrity": "sha512-NzbUFKUnJ3DTcq6YyZB6+qqhfD112uR3uoEnkmfzm2wVzUNsFkU7AwBjKQ654Sp5cau0JxhFyRSn/tQZ+XfygA==", + "version": "1.0.30001558", + "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001558.tgz", + "integrity": "sha512-/Et7DwLqpjS47JPEcz6VnxU9PwcIdVi0ciLXRWBQdj1XFye68pSQYpV0QtPTfUKWuOaEig+/Vez2l74eDc1tPQ==", "dev": true, "funding": [ { @@ -3014,9 +3014,9 @@ } }, "node_modules/electron-to-chromium": { - "version": "1.4.569", - "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.569.tgz", - "integrity": "sha512-LsrJjZ0IbVy12ApW3gpYpcmHS3iRxH4bkKOW98y1/D+3cvDUWGcbzbsFinfUS8knpcZk/PG/2p/RnkMCYN7PVg==", + "version": "1.4.570", + "resolved": "https://registry.npmjs.org/electron-to-chromium/-/electron-to-chromium-1.4.570.tgz", + "integrity": "sha512-5GxH0PLSIfXKOUMMHMCT4M0olwj1WwAxsQHzVW5Vh3kbsvGw8b4k7LHQmTLC2aRhsgFzrF57XJomca4XLc/WHA==", "dev": true }, "node_modules/entities": { @@ -5498,9 +5498,9 @@ "dev": true }, "node_modules/punycode": { - "version": "2.3.0", - "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.0.tgz", - "integrity": "sha512-rRV+zQD8tVFys26lAGR9WUuS4iUAngJScM+ZRSKtvl5tKeZ2t5bvdNFdNHBW9FWR4guGHlgmsZ1G7BSm2wTbuA==", + "version": "2.3.1", + "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz", + "integrity": "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==", "dev": true, "engines": { "node": ">=6" @@ -5885,9 +5885,9 @@ } }, "node_modules/solid-js": { - "version": "1.8.4", - "resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.8.4.tgz", - "integrity": "sha512-l8tZCa0nA1iyFR+yTZi4cKNktX3UfwT3FbdzDAtNwp40EtabVRf3t0EUN3C3Kokkh7c7nBx8ak/0GZV+KFVSxQ==", + "version": "1.8.5", + "resolved": "https://registry.npmjs.org/solid-js/-/solid-js-1.8.5.tgz", + "integrity": "sha512-xvtJvzJzWbsn35oKFhW9kNwaxG1Z/YLMsDp4tLVcYZTMPzvzQ8vEZuyDQ6nt7xDArVgZJ7TUFrJUwrui/oq53A==", "peer": true, "dependencies": { "csstype": "^3.1.0", diff --git a/packages/solid/createFormValidityObserver.js b/packages/solid/createFormValidityObserver.js index baf5607..3cc28c5 100644 --- a/packages/solid/createFormValidityObserver.js +++ b/packages/solid/createFormValidityObserver.js @@ -1,5 +1,5 @@ import FormValidityObserver, { defaultErrorRenderer } from "@form-observer/core/FormValidityObserver"; -import { onCleanup } from "solid-js"; +import { onMount, onCleanup } from "solid-js"; /** * Creates an enhanced version of the {@link FormValidityObserver} that's more convenient for `Solid` apps @@ -35,8 +35,8 @@ export default function createFormValidityObserver(types, options) { /* -------------------- Enhancements -------------------- */ // Add automatic setup/teardown observer.autoObserve = function autoObserve(form, novalidate) { - observer.observe(form); if (novalidate()) form.setAttribute("novalidate", ""); + onMount(() => observer.observe(form)); onCleanup(() => observer.unobserve(form)); }; diff --git a/packages/solid/package.json b/packages/solid/package.json index d70d14c..6f4ba56 100644 --- a/packages/solid/package.json +++ b/packages/solid/package.json @@ -1,7 +1,7 @@ { "name": "@form-observer/solid", "type": "module", - "version": "0.0.0-experimental-4", + "version": "0.0.0-experimental-5", "description": "Convenience functions for the `@form-observer/core` package, designed for Solid apps", "exports": { ".": {