Select needs two clicks to open


Topic: Select needs two clicks to open

Tomas Tenaglia asked 5 years ago

<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.


Tina Meadors pro answered 5 years ago

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 commented 5 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 5 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 commented 5 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


Mikołaj Smoleński staff answered 5 years ago

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 commented 5 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 5 years ago

Great, we're waiting for information.


Tomas Tenaglia commented 5 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 commented 5 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 commented 5 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 commented 5 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 commented 5 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 commented 5 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 commented 5 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 commented 5 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 5 years ago

Great to hear that! Good luck with your project ;)


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Resolved

Specification of the issue
  • User: 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