fix: add relative positioning to div wrapper #187

- This commit addresses the positioning issue of `auro-dropdown` when `auro-select` is placed inside `auro-dialog` component Changes to be committed: modified: package-lock.json modified: src/auro-select.js modified: src/style.scss
AlaskaAirlines · Jun 10, 2024 · 4ec21ac · 4ec21ac
1 parent 87f0776
commit 4ec21ac
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/src/auro-select.js b/src/auro-select.js
@@ -501,7 +501,7 @@ export class AuroSelect extends LitElement {
   // function that renders the HTML and CSS into  the scope of the component
   render() {
     return html`
-      <div>
+      <div class="outerWrapper">
         <div aria-live="polite" class="util_displayHiddenVisually">
           ${this.optionActive && this.options.length > 0
             ? html`

diff --git a/src/style.scss b/src/style.scss
@@ -54,6 +54,10 @@
   }
 }
 
+.outerWrapper {
+  position: relative;
+}
+
 auro-menuoption {
   pointer-events: none;
 }