fix: force focus state to dropdown.trigger as `document.activeElement…

…` stays in body even with clicking
AlaskaAirlines · Dec 18, 2024 · 2ff889f · 2ff889f
1 parent 5936959
commit 2ff889f
Show file tree

Hide file tree

Showing 9 changed files with 9 additions and 0 deletions.
diff --git a/components/combobox/demo/api.min.js b/components/combobox/demo/api.min.js
@@ -2397,6 +2397,7 @@ class AuroFloatingUI {
           this.handleFocusLoss();
           break;
         case 'click':
+          event.currentTarget.focus();
           this.handleClick();
           break;
           // Do nothing

diff --git a/components/combobox/demo/index.min.js b/components/combobox/demo/index.min.js
@@ -2301,6 +2301,7 @@ class AuroFloatingUI {
           this.handleFocusLoss();
           break;
         case 'click':
+          event.currentTarget.focus();
           this.handleClick();
           break;
           // Do nothing

diff --git a/components/datepicker/demo/api.min.js b/components/datepicker/demo/api.min.js
@@ -12576,6 +12576,7 @@ class AuroFloatingUI {
           this.handleFocusLoss();
           break;
         case 'click':
+          event.currentTarget.focus();
           this.handleClick();
           break;
           // Do nothing

diff --git a/components/datepicker/demo/index.min.js b/components/datepicker/demo/index.min.js
@@ -12324,6 +12324,7 @@ class AuroFloatingUI {
           this.handleFocusLoss();
           break;
         case 'click':
+          event.currentTarget.focus();
           this.handleClick();
           break;
           // Do nothing

diff --git a/components/dropdown/demo/api.min.js b/components/dropdown/demo/api.min.js
@@ -1925,6 +1925,7 @@ class AuroFloatingUI {
           this.handleFocusLoss();
           break;
         case 'click':
+          event.currentTarget.focus();
           this.handleClick();
           break;
           // Do nothing

diff --git a/components/dropdown/demo/index.min.js b/components/dropdown/demo/index.min.js
@@ -1900,6 +1900,7 @@ class AuroFloatingUI {
           this.handleFocusLoss();
           break;
         case 'click':
+          event.currentTarget.focus();
           this.handleClick();
           break;
           // Do nothing

diff --git a/components/dropdown/src/floatingUI.mjs b/components/dropdown/src/floatingUI.mjs
@@ -307,6 +307,7 @@ export default class AuroFloatingUI {
           this.handleFocusLoss();
           break;
         case 'click':
+          event.currentTarget.focus();
           this.handleClick();
           break;
         default:

diff --git a/components/select/demo/api.min.js b/components/select/demo/api.min.js
@@ -2337,6 +2337,7 @@ class AuroFloatingUI {
           this.handleFocusLoss();
           break;
         case 'click':
+          event.currentTarget.focus();
           this.handleClick();
           break;
           // Do nothing

diff --git a/components/select/demo/index.min.js b/components/select/demo/index.min.js
@@ -2278,6 +2278,7 @@ class AuroFloatingUI {
           this.handleFocusLoss();
           break;
         case 'click':
+          event.currentTarget.focus();
           this.handleClick();
           break;
           // Do nothing