snapappointments
multi-select dropdown not opening
I’m using Bootstrap-Select for a multi-select dropdown, but I’m unable to open the dropdown properly.
After debugging, I noticed that two click events are being triggered when I click the dropdown:
The first click opens the dropdown.
The second click immediately closes it.
Environment:
bootstrap-select: v1.14.0-beta3
bootstrap: v5.3.8
jQuery: v3.6.1
However, I’m not using Bootstrap 5’s CSS — I’m currently using Bootstrap 3 CSS files.
Issue observed: Two click events occur consecutively (screenshot attached).
Use the attribute size="1" in the select element.
<select id="..." class="..." multiple size="1">...</select>
This solved my problem, but I do not understand how does it solve my problem.
This solved my problem, but I do not understand how does it solve my problem.
You can find the information you're looking for here:
https://developer.chrome.com/release-notes/142?hl=es-419#mobile_and_desktop_parity_for_select_element_rendering_modes
Chromium- or WebKit-based systems rolled out these updates in October without ‘prior notice’.