fix(components/lookup): set z-index on lookup tokens inside input box (…

…#493)
blackbaud · Sep 8, 2022 · bd09496 · bd09496
1 parent 9512b5d
commit bd09496
Showing 1 changed file with 8 additions and 0 deletions.
diff --git a/libs/components/lookup/src/lib/modules/lookup/lookup.component.scss b/libs/components/lookup/src/lib/modules/lookup/lookup.component.scss
@@ -105,6 +105,14 @@ sky-input-box .sky-lookup {
 
   sky-input-box .sky-lookup {
     sky-tokens.sky-lookup-tokens {
+      // Input box adds a negative margin-top to elements with the
+      // `sky-form-control` class in modern theme which causes that
+      // element to cover the token elements. Setting z-index here
+      // will place the token elements over the form control.
+      sky-token {
+        z-index: 1;
+      }
+
       .sky-tokens {
         margin-top: 0;
         margin-bottom: 0;