oasys-lib 3.9.0 → 3.10.1-rc.0

package/fesm2022/oasys-lib.mjs

@@ -1393,7 +1393,7 @@ class TextInputComponent {
     showPassword = signal(false, ...(ngDevMode ? [{ debugName: "showPassword" }] : /* istanbul ignore next */ []));
     inputDidChange = signal(false, ...(ngDevMode ? [{ debugName: "inputDidChange" }] : /* istanbul ignore next */ [])); // only show valdiation after a change event (ie. blur)
     textInputType = signal('text', ...(ngDevMode ? [{ debugName: "textInputType" }] : /* istanbul ignore next */ []));
-    isFocused = signal(false, ...(ngDevMode ? [{ debugName: "isFocused" }] : /* istanbul ignore next */ [])); // track focus state for password hint display
+    hasBeenFocused = signal(false, ...(ngDevMode ? [{ debugName: "hasBeenFocused" }] : /* istanbul ignore next */ [])); // once the field is focused, the password hint stays visible
     id = signal('', ...(ngDevMode ? [{ debugName: "id" }] : /* istanbul ignore next */ []));
     safariAutocorrect = signal('on', ...(ngDevMode ? [{ debugName: "safariAutocorrect" }] : /* istanbul ignore next */ []));
     // Computed signal for hide_password_aria_label that combines the base label with the current input value for better screen reader context
@@ -1405,9 +1405,10 @@ class TextInputComponent {
         if (!this.hint()) {
             return false;
         }
-        // For password inputs, only show hint when focused
+        // For password inputs, wait until the field is first focused, then keep the hint showing.
+        // Hiding it again on blur would move everything below it, so a click on the next button could miss.
         if (this.type() === 'password') {
-            return this.isFocused();
+            return this.hasBeenFocused();
         }
         // For all other input types, always show hint
         return true;
@@ -1437,10 +1438,9 @@ class TextInputComponent {
         this.inputDidChange.set(false);
     }
     onFocus() {
-        this.isFocused.set(true);
+        this.hasBeenFocused.set(true);
     }
     onBlur() {
-        this.isFocused.set(false);
         // User left the field — reveal validation errors if still invalid.
         this.inputDidChange.set(true);
         // Mark the form control as touched (standard CVA behavior on blur).
@@ -1493,8 +1493,8 @@ class TextInputComponent {
             // Add error if it exists
             describedBy.push('error_' + this.id());
         }
-        // Add hint if it exists
-        if (this.hint()) {
+        // Only point at the hint while it is on the page, so screen readers never look for a missing element
+        if (this.shouldShowHint()) {
             describedBy.push('hint_' + this.id());
         }
         return describedBy.length > 0 ? describedBy.join(' ') : undefined;