@vaadin/field-highlighter 25.4.0-alpha3 → 25.4.0-alpha4

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@vaadin/field-highlighter",
-  "version": "25.4.0-alpha3",
+  "version": "25.4.0-alpha4",
   "publishConfig": {
     "access": "public"
   },
@@ -32,33 +32,33 @@
     "field"
   ],
   "dependencies": {
-    "@vaadin/a11y-base": "25.4.0-alpha3",
-    "@vaadin/component-base": "25.4.0-alpha3",
-    "@vaadin/overlay": "25.4.0-alpha3",
-    "@vaadin/popover": "25.4.0-alpha3",
-    "@vaadin/tooltip": "25.4.0-alpha3",
-    "@vaadin/vaadin-themable-mixin": "25.4.0-alpha3",
+    "@vaadin/a11y-base": "25.4.0-alpha4",
+    "@vaadin/component-base": "25.4.0-alpha4",
+    "@vaadin/overlay": "25.4.0-alpha4",
+    "@vaadin/popover": "25.4.0-alpha4",
+    "@vaadin/tooltip": "25.4.0-alpha4",
+    "@vaadin/vaadin-themable-mixin": "25.4.0-alpha4",
     "lit": "^3.0.0"
   },
   "devDependencies": {
-    "@vaadin/aura": "25.4.0-alpha3",
-    "@vaadin/chai-plugins": "25.4.0-alpha3",
-    "@vaadin/checkbox": "25.4.0-alpha3",
-    "@vaadin/checkbox-group": "25.4.0-alpha3",
-    "@vaadin/custom-field": "25.4.0-alpha3",
-    "@vaadin/date-picker": "25.4.0-alpha3",
-    "@vaadin/date-time-picker": "25.4.0-alpha3",
-    "@vaadin/item": "25.4.0-alpha3",
-    "@vaadin/list-box": "25.4.0-alpha3",
-    "@vaadin/radio-group": "25.4.0-alpha3",
-    "@vaadin/select": "25.4.0-alpha3",
-    "@vaadin/test-runner-commands": "25.4.0-alpha3",
+    "@vaadin/aura": "25.4.0-alpha4",
+    "@vaadin/chai-plugins": "25.4.0-alpha4",
+    "@vaadin/checkbox": "25.4.0-alpha4",
+    "@vaadin/checkbox-group": "25.4.0-alpha4",
+    "@vaadin/custom-field": "25.4.0-alpha4",
+    "@vaadin/date-picker": "25.4.0-alpha4",
+    "@vaadin/date-time-picker": "25.4.0-alpha4",
+    "@vaadin/item": "25.4.0-alpha4",
+    "@vaadin/list-box": "25.4.0-alpha4",
+    "@vaadin/radio-group": "25.4.0-alpha4",
+    "@vaadin/select": "25.4.0-alpha4",
+    "@vaadin/test-runner-commands": "25.4.0-alpha4",
     "@vaadin/testing-helpers": "^2.0.0",
-    "@vaadin/text-area": "25.4.0-alpha3",
-    "@vaadin/text-field": "25.4.0-alpha3",
-    "@vaadin/time-picker": "25.4.0-alpha3",
-    "@vaadin/vaadin-lumo-styles": "25.4.0-alpha3",
+    "@vaadin/text-area": "25.4.0-alpha4",
+    "@vaadin/text-field": "25.4.0-alpha4",
+    "@vaadin/time-picker": "25.4.0-alpha4",
+    "@vaadin/vaadin-lumo-styles": "25.4.0-alpha4",
     "sinon": "^22.0.0"
   },
-  "gitHead": "db7e679c1a8af00840cc05ddcbefff68dfed1e45"
+  "gitHead": "7809e4c099538333a6dbd11d8da18a0c6ec30dad"
 }

package/src/styles/vaadin-user-tag-base-styles.js

@@ -30,7 +30,7 @@ export const userTagStyles = css`
 
   [part='name'] {
     overflow: hidden;
-    white-space: nowrap;
+    white-space: pre;
     text-overflow: ellipsis;
   }
 `;

package/src/styles/vaadin-user-tags-overlay-base-styles.js

@@ -17,6 +17,7 @@ const userTagsOverlay = css`
   [part='content'] {
     display: flex;
     flex-wrap: wrap;
+    align-items: flex-start;
     gap: var(--vaadin-user-tag-overlay-gap, 0.2em);
     padding: 0.5em 0;
   }

package/src/vaadin-ai-field-marker.js

@@ -700,9 +700,12 @@ class AiFieldMarker extends SlotStylesMixin(I18nMixin(DirMixin(PolylitMixin(LitE
     this.#capturedValue = this.#annotatedValue();
 
     if (this.working) {
-      // Apply the working state directly: on a reconnect no `working`
-      // property change triggers updated(), which handles the first connect.
-      this.#startWorking();
+      // Enter the working state in the update the connect requested, not
+      // right away: the host may still change the field in the same task, for
+      // example Flow applying the field's read-only state from the same
+      // server response after adding the marker, and the read-only state to
+      // restore must include that change.
+      this.requestUpdate('working', false);
     } else {
       this.#announcePending = true;
     }