Topic: Material Select problem in Chrome (Windows)
Hi, when I click a Material Select using the Chrome browser on Windows, the dropdown appears for a split second then disappears again. Then when I click the Material Select for a second time, the dropdown appears normally, awaiting selection. This process then repeats - click once and it flashes, click again and it appears normally.
This occurs not only in my own code but also on your own website at https://mdbootstrap.com/docs/jquery/forms/select/
This behaviour does not seem to occur on other browser/OS combinations (ie Chrome for Linux, Firefox (Windows/Linux), Edge (Windows).
Hi, if you still have this issue, here is a workaround :
in the file "mdb.js" search the string "_onHTMLClick" (line 20804) in the function
!$(e.target).closest("#select-options-".concat(this.uuid)).length && !$(e.target).hasClass('mdb-select') && $("#select-options-".concat(this.uuid)).hasClass('active')
Then uglify back your file mdb.js in other to have a .min version again.
Don't forget to update this thread if you have a better solution.
Hi Sebastian, any news about a solution for the question ? I have the same issue with chrome on windows. Chrome version Version 73.0.3683.86 (Offizieller Build) (64-Bit)
But it is working on your website. Which version of mdb is being used there ?
Also when clicking the search field, the select is closing.
It seems like a bug, I don't have a quick workaround for this. We'll fix it
Updating to the last version worked for me :)
- User: Pro
- Premium support: No
- Technology: jQuery
- MDB Version: 4.7.3
- Device: PC
- Browser: Chrome
- OS: Windows
- Provided sample code: No
- Provided link: Yes
- Keyboard tab navigation to search field of material select is not working. Upon receiving the focus to search textbox, dropdown disappears and leaving inaccessible for a keyboard user
- Double material select element (second one fetching content from DB) freezes website and browser tab