Avoid having to double-click to toggle Bootstrap dropdown
In Bootstrap 4, bootstrap.min.js
and bootstrap.bundle.min.js
now conflict in dropdown.
By removing bootstrap.min.js
, the dropdown double click issue will resolved.
If someone is using angular with ui-bootstrap
module along with normal bootstrap HTML dropdown definition, there are also two clicks needed.
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">Dropdown</a>
[...]
</li>
=> Removing the data-toggle="dropdown"
will fix the issue.
Opening the dropdown with one click will work after this.
Reference: https://github.com/angular-ui/bootstrap/issues/2294