fix: add back document.body.append for the floating bib

AlaskaAirlines · Dec 4, 2024 · 1f4e69f · 1f4e69f
1 parent 71a4172
commit 1f4e69f
Show file tree

Hide file tree

Showing 7 changed files with 14 additions and 0 deletions.
diff --git a/components/combobox/demo/api.min.js b/components/combobox/demo/api.min.js
@@ -2504,6 +2504,8 @@ class AuroFloatingUI {
     this.element.bibSizer = this.element.shadowRoot.querySelector('#bibSizer');
     this.element.triggerChevron = this.element.shadowRoot.querySelector('#showStateIcon');
 
+    document.body.append(this.element.bib);
+
     this.handleTriggerTabIndex();
 
     this.element.trigger.addEventListener('keydown', (event) => this.handleEvent(event));

diff --git a/components/combobox/demo/index.min.js b/components/combobox/demo/index.min.js
@@ -2415,6 +2415,8 @@ class AuroFloatingUI {
     this.element.bibSizer = this.element.shadowRoot.querySelector('#bibSizer');
     this.element.triggerChevron = this.element.shadowRoot.querySelector('#showStateIcon');
 
+    document.body.append(this.element.bib);
+
     this.handleTriggerTabIndex();
 
     this.element.trigger.addEventListener('keydown', (event) => this.handleEvent(event));

diff --git a/components/dropdown/demo/api.min.js b/components/dropdown/demo/api.min.js
@@ -1962,6 +1962,8 @@ class AuroFloatingUI {
     this.element.bibSizer = this.element.shadowRoot.querySelector('#bibSizer');
     this.element.triggerChevron = this.element.shadowRoot.querySelector('#showStateIcon');
 
+    document.body.append(this.element.bib);
+
     this.handleTriggerTabIndex();
 
     this.element.trigger.addEventListener('keydown', (event) => this.handleEvent(event));

diff --git a/components/dropdown/demo/index.min.js b/components/dropdown/demo/index.min.js
@@ -1944,6 +1944,8 @@ class AuroFloatingUI {
     this.element.bibSizer = this.element.shadowRoot.querySelector('#bibSizer');
     this.element.triggerChevron = this.element.shadowRoot.querySelector('#showStateIcon');
 
+    document.body.append(this.element.bib);
+
     this.handleTriggerTabIndex();
 
     this.element.trigger.addEventListener('keydown', (event) => this.handleEvent(event));

diff --git a/components/dropdown/src/floatingUI.mjs b/components/dropdown/src/floatingUI.mjs
@@ -352,6 +352,8 @@ export default class AuroFloatingUI {
     this.element.bibSizer = this.element.shadowRoot.querySelector('#bibSizer');
     this.element.triggerChevron = this.element.shadowRoot.querySelector('#showStateIcon');
 
+    document.body.append(this.element.bib);
+
     this.handleTriggerTabIndex();
 
     this.element.trigger.addEventListener('keydown', (event) => this.handleEvent(event));

diff --git a/components/select/demo/api.min.js b/components/select/demo/api.min.js
@@ -2444,6 +2444,8 @@ class AuroFloatingUI {
     this.element.bibSizer = this.element.shadowRoot.querySelector('#bibSizer');
     this.element.triggerChevron = this.element.shadowRoot.querySelector('#showStateIcon');
 
+    document.body.append(this.element.bib);
+
     this.handleTriggerTabIndex();
 
     this.element.trigger.addEventListener('keydown', (event) => this.handleEvent(event));

diff --git a/components/select/demo/index.min.js b/components/select/demo/index.min.js
@@ -2392,6 +2392,8 @@ class AuroFloatingUI {
     this.element.bibSizer = this.element.shadowRoot.querySelector('#bibSizer');
     this.element.triggerChevron = this.element.shadowRoot.querySelector('#showStateIcon');
 
+    document.body.append(this.element.bib);
+
     this.handleTriggerTabIndex();
 
     this.element.trigger.addEventListener('keydown', (event) => this.handleEvent(event));