Improve rendering of vaadin-item inside the slotted value [skip ci]

Without this rule, a contained vaadin-item shrinks a nested iron-icon, for example. This also fixes a flexbox issue in IE11 (as vaadin-item is a flex container with a min-height).
vaadin · Feb 18, 2018 · 15fa8df · 15fa8df
1 parent e9bfbd8
commit 15fa8df
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/theme/lumo/vaadin-dropdown-menu.html b/theme/lumo/vaadin-dropdown-menu.html
@@ -42,6 +42,10 @@
         cursor: default;
       }
 
+      [part="input-field"] ::slotted([part="value"]) {
+        display: flex;
+      }
+
       /* ShadyCSS limitation workaround */
       [part="input-field"] ::slotted([part="value"]) [selected]::before {
         display: none;