Quantcast
Channel: WordPress.org Forums » [Forminator Forms – Contact Form, Payment Form & Custom Form Builder] Support
Viewing all articles
Browse latest Browse all 1468

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

$
0
0

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;
}

Viewing all articles
Browse latest Browse all 1468

Trending Articles