fix(multi-select): move filterable attribute out of scope for styles (#…

…10608)
carbon-design-system · Jun 27, 2023 · 1c1cf35 · 1c1cf35
1 parent d2468d2
commit 1c1cf35
Showing 1 changed file with 8 additions and 9 deletions.
diff --git a/packages/carbon-web-components/src/components/multi-select/multi-select.scss b/packages/carbon-web-components/src/components/multi-select/multi-select.scss
@@ -37,13 +37,12 @@ $css--plex: true !default;
       outline: none;
     }
   }
+}
 
-  &[filterable] {
-    .#{$prefix}--list-box__field:focus-within {
-      outline: 2px solid $focus;
-      outline-offset: -2px;
-    }
-  }
+:host(#{$prefix}-multi-select[filterable])
+  .#{$prefix}--list-box__field:focus-within {
+  outline: 2px solid $focus;
+  outline-offset: -2px;
 }
 
 :host(#{$prefix}-multi-select[type='inline']) {
@@ -80,10 +79,10 @@ $css--plex: true !default;
       flex-direction: row;
     }
   }
+}
 
-  &[filtered] {
-    display: none;
-  }
+:host(#{$prefix}-multi-select-item[filtered]) {
+  display: none;
 }
 
 :host(#{$prefix}-multi-select-item[size='sm']) {