@aurodesignsystem-dev/auro-formkit 0.0.0-pr1098.1 → 0.0.0-pr1098.2

package/components/combobox/demo/api.min.js

@@ -16891,6 +16891,29 @@ class AuroCombobox extends AuroElement$1 {
     }
   }
 
+  /**
+   * Forces focus to the internal input element and positions the cursor at the end of the text.
+   * This is used when clicking anywhere within the Combobox to ensure the input receives focus
+   * and the cursor is positioned at the end for better user experience.
+   * @private
+   * @returns {void}
+   */
+  forceFocusToInputEnd() {
+    // Set up input ref
+    let inputElement = null;
+
+    if (this.input.shadowRoot) {
+      inputElement = this.input.shadowRoot.querySelector('input');
+    }
+
+    if (inputElement) {
+      // Force focus and set cursor position to end of text to ensure visibility
+      inputElement.focus();
+      const textLength = inputElement.value ? inputElement.value.length : 0;
+      inputElement.setSelectionRange(textLength, textLength);
+    }
+  }
+
   /**
    * Binds all behavior needed to the dropdown after rendering.
    * @private
@@ -16919,6 +16942,9 @@ class AuroCombobox extends AuroElement$1 {
 
     this.dropdown.addEventListener('auroDropdown-triggerClick', () => {
       this.showBib();
+
+      // Fixes Chromium-specific issue where clicking outside input but within Combobox doesn't return focus
+      this.forceFocusToInputEnd();
     });
 
     // setting up bibtemplate

package/components/combobox/demo/index.min.js

@@ -16693,6 +16693,29 @@ class AuroCombobox extends AuroElement$1 {
     }
   }
 
+  /**
+   * Forces focus to the internal input element and positions the cursor at the end of the text.
+   * This is used when clicking anywhere within the Combobox to ensure the input receives focus
+   * and the cursor is positioned at the end for better user experience.
+   * @private
+   * @returns {void}
+   */
+  forceFocusToInputEnd() {
+    // Set up input ref
+    let inputElement = null;
+
+    if (this.input.shadowRoot) {
+      inputElement = this.input.shadowRoot.querySelector('input');
+    }
+
+    if (inputElement) {
+      // Force focus and set cursor position to end of text to ensure visibility
+      inputElement.focus();
+      const textLength = inputElement.value ? inputElement.value.length : 0;
+      inputElement.setSelectionRange(textLength, textLength);
+    }
+  }
+
   /**
    * Binds all behavior needed to the dropdown after rendering.
    * @private
@@ -16721,6 +16744,9 @@ class AuroCombobox extends AuroElement$1 {
 
     this.dropdown.addEventListener('auroDropdown-triggerClick', () => {
       this.showBib();
+
+      // Fixes Chromium-specific issue where clicking outside input but within Combobox doesn't return focus
+      this.forceFocusToInputEnd();
     });
 
     // setting up bibtemplate

package/components/combobox/dist/auro-combobox.d.ts

@@ -376,6 +376,14 @@ export class AuroCombobox extends AuroElement {
      * @returns {void}
      */
     showBib(): void;
+    /**
+     * Forces focus to the internal input element and positions the cursor at the end of the text.
+     * This is used when clicking anywhere within the Combobox to ensure the input receives focus
+     * and the cursor is positioned at the end for better user experience.
+     * @private
+     * @returns {void}
+     */
+    private forceFocusToInputEnd;
     /**
      * Binds all behavior needed to the dropdown after rendering.
      * @private

package/components/combobox/dist/index.js

@@ -16600,6 +16600,29 @@ class AuroCombobox extends AuroElement {
     }
   }
 
+  /**
+   * Forces focus to the internal input element and positions the cursor at the end of the text.
+   * This is used when clicking anywhere within the Combobox to ensure the input receives focus
+   * and the cursor is positioned at the end for better user experience.
+   * @private
+   * @returns {void}
+   */
+  forceFocusToInputEnd() {
+    // Set up input ref
+    let inputElement = null;
+
+    if (this.input.shadowRoot) {
+      inputElement = this.input.shadowRoot.querySelector('input');
+    }
+
+    if (inputElement) {
+      // Force focus and set cursor position to end of text to ensure visibility
+      inputElement.focus();
+      const textLength = inputElement.value ? inputElement.value.length : 0;
+      inputElement.setSelectionRange(textLength, textLength);
+    }
+  }
+
   /**
    * Binds all behavior needed to the dropdown after rendering.
    * @private
@@ -16628,6 +16651,9 @@ class AuroCombobox extends AuroElement {
 
     this.dropdown.addEventListener('auroDropdown-triggerClick', () => {
       this.showBib();
+
+      // Fixes Chromium-specific issue where clicking outside input but within Combobox doesn't return focus
+      this.forceFocusToInputEnd();
     });
 
     // setting up bibtemplate

package/components/combobox/dist/registered.js

@@ -16600,6 +16600,29 @@ class AuroCombobox extends AuroElement {
     }
   }
 
+  /**
+   * Forces focus to the internal input element and positions the cursor at the end of the text.
+   * This is used when clicking anywhere within the Combobox to ensure the input receives focus
+   * and the cursor is positioned at the end for better user experience.
+   * @private
+   * @returns {void}
+   */
+  forceFocusToInputEnd() {
+    // Set up input ref
+    let inputElement = null;
+
+    if (this.input.shadowRoot) {
+      inputElement = this.input.shadowRoot.querySelector('input');
+    }
+
+    if (inputElement) {
+      // Force focus and set cursor position to end of text to ensure visibility
+      inputElement.focus();
+      const textLength = inputElement.value ? inputElement.value.length : 0;
+      inputElement.setSelectionRange(textLength, textLength);
+    }
+  }
+
   /**
    * Binds all behavior needed to the dropdown after rendering.
    * @private
@@ -16628,6 +16651,9 @@ class AuroCombobox extends AuroElement {
 
     this.dropdown.addEventListener('auroDropdown-triggerClick', () => {
       this.showBib();
+
+      // Fixes Chromium-specific issue where clicking outside input but within Combobox doesn't return focus
+      this.forceFocusToInputEnd();
     });
 
     // setting up bibtemplate

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@aurodesignsystem-dev/auro-formkit",
-  "version": "0.0.0-pr1098.1",
+  "version": "0.0.0-pr1098.2",
   "description": "A collection of web components used to build forms.",
   "homepage": "https://github.com/AlaskaAirlines/auro-formkit#readme",
   "bugs": {