From 4330c6aa7c26712ac8b320ffae7e4315c5033be5 Mon Sep 17 00:00:00 2001 From: Mikkel Laursen Date: Mon, 4 Mar 2024 18:51:59 -0500 Subject: [PATCH] fix(select): do not show soft keyboard when opening select --- packages/core/src/form/_form.scss | 8 +++++++- 1 file changed, 7 insertions(+), 1 deletion(-) diff --git a/packages/core/src/form/_form.scss b/packages/core/src/form/_form.scss index 53dc8518d1..4b47a24e2b 100644 --- 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 {