multi-select dropdown not opening

[PrashantRajput10]

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

[zhalker]

Use the attribute size="1" in the select element.

<select id="..." class="..." multiple size="1">...</select>

[froque]

This solved my problem, but I do not understand how does it solve my problem.

[zhalker]

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