@samline/forms 2.3.2 → 2.3.3

package/README.md

@@ -42,10 +42,10 @@ Requires Node 20+ when bundling. Runtime target is ES2020.
 Use the browser build when you do not have a bundler and need to run the package directly in HTML, Shopify, WordPress, or any traditional template.
 
 ```html
-<script src="https://unpkg.com/@samline/forms@2.3.2/dist/browser/global.global.js"></script>
+<script src="https://unpkg.com/@samline/forms@2.3.3/dist/browser/global.global.js"></script>
 ```
 
-> Pin the version in production. Replace `2.3.2` with the version you ship.
+> Pin the version in production. Replace `2.3.3` with the version you ship.
 
 The browser bundle exposes a single global: `window.Forms`.
 
@@ -55,7 +55,7 @@ The browser bundle exposes a single global: `window.Forms`.
   <button type="submit">Send</button>
 </form>
 
-<script src="https://unpkg.com/@samline/forms@2.3.2/dist/browser/global.global.js"></script>
+<script src="https://unpkg.com/@samline/forms@2.3.3/dist/browser/global.global.js"></script>
 <script>
   const contactForm = window.Forms.newForm({ id: 'contact-form' })
 

package/dist/browser/global.global.js

@@ -5497,11 +5497,13 @@ var Forms = (() => {
     const getMergedErrors = () => mergeErrors(state2.validationErrors, state2.manualErrors);
     const syncVisualState = (names) => {
       if (!state2.element) return;
-      const targetNames = names ?? getTrackedFieldNames();
+      const sourceNames = names ?? getTrackedFieldNames();
       const errors = getMergedErrors();
-      for (const name of targetNames) {
-        const fields = getFieldsByName(name);
-        const hasError = Boolean(errors[name]?.length);
+      for (const name of sourceNames) {
+        const displayName = resolveDisplayNameForName(state2, name);
+        const canonical = resolveCanonicalForName(state2, name) ?? name;
+        const fields = getFieldsByName(displayName);
+        const hasError = Boolean(errors[canonical]?.length);
         for (const field of fields) {
           applyBooleanAttribute(field, attributes.filled, isFieldFilled(field));
           applyBooleanAttribute(field, attributes.error, hasError);