Hide Select Field Drop Down until 3 Characters are entered in the Search Box

Replies: 0

I am trying to add CSS to the first select field of my form. 
I dont want users to be able to see every single option in the drop down, and only after inputting 3 characters in the search box do I want potential options to start showing.

This is the code I have entered in the appearance configuration section within the Form Editor. However, it does not seem to be working.


.forminator-select-search-container {
display: none;
}

.forminator-select-search-container.active {
display: block;
}

.forminator-select-search-input {
min-length: 3;
}

.forminator-select-dropdown {
display: none;
}

.forminator-select-search-container.active .forminator-select-dropdown {
display: block;
}

/* Hide irrelevant options */
.forminator-select-option:not(.forminator-select-option-search-result) {
display: none;
}

• This topic was modified 3 hours, 19 minutes ago by dreamofalegacy.