Search bar and keyboard come up when access a dropdown menu in a form on mobile
D
Dr. Steve Nelligar
The search bar and keyboard comes up when accessing a dropdown custom field within a form on mobile. It doesn't make sense that a keyboard would come up for a dropdown item vs. a fill in. As a result, the dropdown choices are falling under the keyboard and some can't be accessed. GHL support said there is no way to disable the search bar. They suggested using radio buttons but that would not be practicle in this case. I appreciate the help. Please address this issue in a feature update.
Log In
A
Affan Naushahi
You are able to disable the text bar by embedding custom CSS in the form. Navigate to your form -> Style & Options -> Advanced -> Custom CSS and paste this:
``` css
/
Apply to all dropdowns, but only on mobile
/@media only screen and (max-width: 767px) {
/
Hides the search box inside ALL dropdowns
/.multiselect__input {
display: none !important;
}
/
Makes the selection area feel like a button, not a text box
/.multiselect__tags {
cursor: pointer !important;
}
}
```
M
Mark Pavlovets
Nothing here? the alternative is what to not use the dropdown? lmao
A
Affan Naushahi
Mark Pavlovets
You are able to disable the text bar by embedding custom CSS in the form. Navigate to your form -> Style & Options -> Advanced -> Custom CSS and paste this:
``` css
/ Apply to all dropdowns, but only on mobile /
@media only screen and (max-width: 767px) {
/ Hides the search box inside ALL dropdowns /
.multiselect__input {
display: none !important;
}
/ Makes the selection area feel like a button, not a text box /
.multiselect__tags {
cursor: pointer !important;
}
}
```
Try this out