fix(select): add separate touch target element to Select to maintain …

…size even when shrunk PiperOrigin-RevId: 618878824
material-components · Mar 25, 2024 · 453a624 · 453a624
1 parent 819498d
commit 453a624
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/packages/mdc-select/_select.scss b/packages/mdc-select/_select.scss
@@ -31,6 +31,7 @@
 @use '@material/floating-label/variables' as floating-label-variables;
 @use '@material/list/mixins' as list-mixins;
 @use '@material/list/evolution-mixins' as list-evolution-mixins;
+@use '@material/touch-target/touch-target';
 @use '@material/notched-outline/mixins' as notched-outline-mixins;
 @use '@material/notched-outline/variables' as notched-outline-variables;
 @use '@material/rtl/rtl';
@@ -100,6 +101,10 @@
     }
   }
 
+  .mdc-select__touch {
+    @include touch-target.touch-target($query: $query, $height: 48px);
+  }
+
   @include _text($query: $query);
 
   .mdc-select--disabled {

diff --git a/packages/mdc-select/package.json b/packages/mdc-select/package.json
@@ -35,6 +35,7 @@
     "@material/shape": "^14.0.0",
     "@material/theme": "^14.0.0",
     "@material/tokens": "^14.0.0",
+    "@material/touch-target": "14.0.0",
     "@material/typography": "^14.0.0",
     "tslib": "^2.1.0"
   }