fix(ld-select): custom popper class

emdgroup-liquid · Oct 4, 2021 · 936f6d7 · 936f6d7
1 parent 63d0e41
commit 936f6d7
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/liquid/components/ld-select/ld-select-popper/ld-select-popper.tsx b/src/liquid/components/ld-select/ld-select-popper/ld-select-popper.tsx
@@ -56,12 +56,13 @@ export class LdSelectPopper {
     this.shadowHeight = height
   }
 
+  componentWillLoad() {
+    this.popperClass && this.el.classList.add(this.popperClass)
+  }
+
   render() {
     return (
-      <Host
-        class={this.popperClass && { [this.popperClass]: true }}
-        style={{ zIndex: this.isPinned ? '2147483647' : '2147483646' }}
-      >
+      <Host style={{ zIndex: this.isPinned ? '2147483647' : '2147483646' }}>
         <div
           class={getClassNames([
             'ld-select-popper',