From 453a6248a0088c8243852fd20f83fa50c71f3a5f Mon Sep 17 00:00:00 2001
From: Material Web Team <material-web-copybara@google.com>
Date: Mon, 25 Mar 2024 10:07:46 -0700
Subject: [PATCH] fix(select): add separate touch target element to Select to
 maintain size even when shrunk

PiperOrigin-RevId: 618878824
---
 packages/mdc-select/_select.scss | 5 +++++
 packages/mdc-select/package.json | 1 +
 2 files changed, 6 insertions(+)

diff --git a/packages/mdc-select/_select.scss b/packages/mdc-select/_select.scss
index 63067b7e866..98a4632ca22 100644
--- 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
index dd7e5d215d9..8854b7825e2 100644
--- 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"
   }