Question

180

Avoid having to double-click to toggle Bootstrap dropdown

rated 0 times [ 182] [ 2] / answers: 1 / hits: 56895 / 10 Years ago, sat, june 14, 2014, 12:00:00

I am using a Bootstrap dropdown menu. The problem is that it never drops down upon the first click; I need to click 2 times for it to be toggled. I guess the click event is somehow getting stuck somewhere before propagating down...

Is there any way to fix that?

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

carl

Add To Favorites

Follow

Total Points: 633

Total Questions: 105

Total Answers: 105

Location: Fiji

Member since Wed, Jul 14, 2021

3 Years ago

answered 10 Years ago mckaylab · Accepted Answer

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