Topic: Select needs two clicks to open
<select class="mdb-select md-form" searchable="Search here..">
<option value="" disabled selected>Choose your country</option>
<option value="1">USA</option>
</select>
<label class="mdb-main-label">Label example</label>
// Material Select Initialization
$(document).ready(function() {
$('.mdb-select').materialSelect();
});
The problem I have is that at the time of opening the select, I need to click on the select so that it opens and also when wanting to look for something, I click on the search option and the select closes ..... and on the example of the web page mdboostrap works perfect with a click opens and when looking for something you are also looking for.
Hi there,
As Tina mentioned, we have fixed some select issues in the latest release. Please upgrade first and if the problem continues to occur please contact us again.
Best regards
Tomas Tenaglia free commented 4 years ago
sorry for my ignorance, yesterday updated the css and js to version 4.8.5 and the error persisted, I will try to update everything to 4.8.5 and I warn you, thank you very much for your attention.
Mikołaj Smoleński staff commented 4 years ago
Great, we're waiting for information.
Tomas Tenaglia free commented 4 years ago
Now download version 8.4.0 of mdboostrap and the select continue behaving in the same way, I have to do 2 click to open them and the searchable label to look for something, I will search and the select closes
Tomas Tenaglia free commented 4 years ago
It is possible to solve, thank you very much tina meadors, delete the cache, I take the new css and it works perfectly, really thank you very much
Tomas Tenaglia free commented 4 years ago
It is possible to solve, thank you very much tina meadors, delete the cache, I take the new css and it works perfectly, really thank you very much
Tomas Tenaglia free commented 4 years ago
It is possible to solve, thank you very much tina meadors, delete the cache, I take the new css and it works perfectly, really thank you very much
Tomas Tenaglia free commented 4 years ago
It is possible to solve, thank you very much tina meadors, delete the cache, I take the new css and it works perfectly, really thank you very much
Tomas Tenaglia free commented 4 years ago
It is possible to solve, thank you very much tina meadors, delete the cache, I take the new css and it works perfectly, really thank you very much
Tomas Tenaglia free commented 4 years ago
It is possible to solve, thank you very much tina meadors, delete the cache, I take the new css and it works perfectly, really thank you very much
Tomas Tenaglia free commented 4 years ago
Now go, update to 8.4 and when you clear the cache, take the new css and it works, thank you very much
Mikołaj Smoleński staff commented 4 years ago
Great to hear that! Good luck with your project ;)
You may want to try updating to the latest release (version 4.8.5). I was also having a problem with the dropdown closing when clicking on the search option, but after updating to v. 4.8.5, the problem no longer occurs.
Tomas Tenaglia free commented 4 years ago
sorry for my ignorance, yesterday updated the css and js to version 4.8.5 and the error persisted, I will try to update everything to 4.8.5 and I warn you, thank you very much for your attention.
Tina Meadors pro commented 4 years ago
It's useful to clear your browser cache after you update to new css & js. I was giving a demo to one of my coworkers today and the select was misbehaving. It was because his browser had the older css cached. After clearing the browser cache the select worked properly for him.
Tomas Tenaglia free commented 4 years ago
Now download version 8.4.0 of mdboostrap and the select continue behaving in the same way, I have to do 2 click to open them and the searchable label to look for something, I will search and the select closes
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Resolved
- ForumUser: Free
- Premium support: No
- Technology: MDB jQuery
- MDB Version: 4.7.0
- Device: WEB computer
- Browser: google chrome
- OS: windows 10
- Provided sample code: No
- Provided link: No