fix(list-box): increase specificity on closed menu (#6017)

carbon-design-system · May 13, 2020 · 3e320ee · 3e320ee
1 parent 105c8b6
commit 3e320ee
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/components/src/components/list-box/_list-box.scss b/packages/components/src/components/list-box/_list-box.scss
@@ -426,12 +426,17 @@ $list-box-menu-width: rem(300px);
     right: 0;
     width: $list-box-width;
     background-color: $ui-01;
-    max-height: 0;
     transition: max-height $duration--fast-02 motion(standard, productive);
     overflow-y: auto;
     z-index: z('dropdown');
   }
 
+  .#{$prefix}--list-box
+    .#{$prefix}--list-box__field[aria-expanded='false']
+    + .#{$prefix}--list-box__menu {
+    max-height: 0;
+  }
+
   .#{$prefix}--list-box--expanded .#{$prefix}--list-box__menu {
     max-height: rem(140px);
   }