fix(select): do not show soft keyboard when opening select

mlaursen · Mar 4, 2024 · 4330c6a · 4330c6a
1 parent 079a362
commit 4330c6a
Showing 1 changed file with 7 additions and 1 deletion.
diff --git a/packages/core/src/form/_form.scss b/packages/core/src/form/_form.scss
@@ -1075,9 +1075,15 @@ $variables: (
     }
 
     .rmd-select {
+      // disable pointer events on touch devices so the soft keyboard does not
+      // appear when clicking the select
+      @media (hover: none) and (pointer: course) {
+        pointer-events: none;
+      }
+
       opacity: 0;
 
-      // ALl these additional overrides are provided so that the select will have
+      // All these additional overrides are provided so that the select will have
       // the same sizing as a text field with the same props provided.
       @if not $disable-text-field-underlined-theme {
         &--underline {