Angular bootstrap dropdown auto-close not working when set to outside click

Question

It is a simple dropdown which is supposed to close only on outside click. It used to work in the earlier version (0.13).

Am I doing something wrong. Don't want to have a work around like stop propagation and prevent default. That is my last resort.

Below is the plunkr for a simple dropdown:

http://plnkr.co/edit/A2vDHb43PThalcHAhLkJ?p=preview

    <span class="dropdown" uib-dropdown auto-close="outsideClick">
      <a href="javascript:void(0);" class="dropdown-toggle" uib-dropdown-toggle>
        Click me for a dropdown, yo!
      </a>
      <ul class="dropdown-menu">
        <li>Element 1</li>
        <li>Element 2</li>
      </ul>
    </span>

krutkowski86 · Accepted Answer · 2016-07-18 10:15:56Z

6

You should use uib-dropdown-menu directive:

<ul uib-dropdown-menu class="dropdown-menu">
    <li>Element 1</li>
    <li>Element 2</li>
</ul>

Here's a working plunker

answered Jul 18, 2016 at 10:15

krutkowski86

1,0839 silver badges16 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Angular bootstrap dropdown auto-close not working when set to outside click

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related