@fusion.dev/helix-core 0.228.0 → 0.229.0

package/dist/helix-form-element/report-in-place.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Keeps a failed submit to one message.
+ *
+ * A control that draws its own feedback under the field also got the browser's
+ * bubble over it, so a reader saw the message twice, measured October 31, 2026.
+ * Refusing the `invalid` event removes the bubble. It also removes the focus the
+ * browser would have moved to the first invalid control, so the first one takes
+ * focus here. A fieldset is in `form.elements` and matches `:invalid` when a
+ * control inside it does, and it cannot hold focus, so it is passed over.
+ */
+export declare const reportInPlace: (control: HTMLElement, event: Event) => void;

package/dist/helix-form-element/report-in-place.js

@@ -0,0 +1,10 @@
+export const reportInPlace = (control, event) => {
+    event.preventDefault();
+    const form = control.form;
+    const first = form
+        ? [...form.elements].find((element) => element.localName !== 'fieldset' && element.matches(':invalid'))
+        : control;
+    if (first === control && event.isTrusted) {
+        control.focus();
+    }
+};

package/dist/mixins/mixin-field/mixin-field.js

@@ -3,6 +3,7 @@ import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { auditField } from '@fusion.dev/helix-core/audits/name';
 import { internalsOf } from '../../helix-element/helix-element.js';
+import { reportInPlace } from '../../helix-form-element/report-in-place.js';
 import { hostAria } from '../../utils/host-aria/host-aria.js';
 const HINT_ID = 'helix-hint';
 const FEEDBACK_ID = 'helix-feedback';
@@ -164,9 +165,10 @@ export const MixinField = (Base) => {
             const touch = () => {
                 this.touched = true;
             };
-            this.addEventListener('invalid', () => {
+            this.addEventListener('invalid', (event) => {
                 if (!this.checkingValidity) {
                     touch();
+                    reportInPlace(this, event);
                 }
             });
             this.addEventListener('change', touch);

package/dist/mixins/mixin-picker-feedback/mixin-picker-feedback.js

@@ -2,6 +2,7 @@ import { __decorate } from "tslib";
 import { html, nothing } from 'lit';
 import { property, state } from 'lit/decorators.js';
 import { internalsOf } from '../../helix-element/helix-element.js';
+import { reportInPlace } from '../../helix-form-element/report-in-place.js';
 import { hostAria } from '../../utils/host-aria/host-aria.js';
 export const MixinPickerFeedback = (Base) => {
     class PickerFeedbackElement extends Base {
@@ -30,9 +31,10 @@ export const MixinPickerFeedback = (Base) => {
             const touch = () => {
                 this.touched = true;
             };
-            this.addEventListener('invalid', () => {
+            this.addEventListener('invalid', (event) => {
                 if (!this.checkingValidity) {
                     touch();
+                    reportInPlace(this, event);
                 }
             });
             this.addEventListener('change', touch);

package/dist/version.d.ts

@@ -5,4 +5,4 @@
  * `package.json`, so the two always agree. Nothing else in the running code
  * knows which release it is.
  */
-export declare const VERSION = "0.228.0";
+export declare const VERSION = "0.229.0";

package/dist/version.js

@@ -1 +1 @@
-export const VERSION = '0.228.0';
+export const VERSION = '0.229.0';

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@fusion.dev/helix-core",
   "description": "Helix element primitives: base classes, mixins, decorators, utilities.",
-  "version": "0.228.0",
+  "version": "0.229.0",
   "license": "MIT",
   "author": "Fusion Development Group",
   "repository": {
@@ -81,12 +81,12 @@
   "bugs": "https://github.com/project-fusion/fusion/issues",
   "dependencies": {
     "@floating-ui/dom": "^1.8.0",
-    "@fusion.dev/helix-icons": "0.228.0",
+    "@fusion.dev/helix-icons": "0.229.0",
     "tslib": "^2.8.1"
   },
   "devDependencies": {
-    "@fusion.dev/helix-cem": "0.228.0",
-    "@fusion.dev/helix-testing": "0.228.0",
+    "@fusion.dev/helix-cem": "0.229.0",
+    "@fusion.dev/helix-testing": "0.229.0",
     "@lit-labs/ssr": "^4.1.0",
     "lit": "^3.2.1"
   },