Prevent bootstrap dropdown from closing on click event

Asked Mar 11 '15 at 10:13

Active Mar 12 '15 at 15:42

Viewed 189 times

Hi I want to implement bootstrap dropdown with input type=text instead of button. Although I am able to do so with following code but not able to prevent this dropdown from closing on click event.

 <div class="dropdown">
   <div class="dropdown-toggle"  data-toggle="dropdown">
      <input type="text" />
  </div>
  <div class="dropdown-menu" >
      <div ng-click="$event.stopPropagation();">
        <a href="" style="margin-left:15px;">Select All</a><a href="" style="margin-left:20px;">Unselect All</a>
          <ul >
              <li ng-repeat="test in testArr "ng-click="doSomething(this)">{{test.name}}</li>
          </ul>
      </div>

  </div>

Tried many answers but could not help with any

edited Mar 12 '15 at 15:42

amphetamachine

27,620
12
60
72

asked Mar 11 '15 at 10:13

Ashish_B

Do you like auto complete option for a textbox? – Ramesh Rajendran Mar 11 '15 at 10:18
I just want to make list in dropdown to be multiselect instead of single select – Ashish_B Mar 11 '15 at 16:48
@Ashish_B check out the angular multiselect directive. http://isteven.github.io/angular-multi-select/#/main – Ray Suelzer Mar 12 '15 at 15:44
Most likely need to bind to the textbox and `stopPropagation` so Bootstrap doesn't detect it as an out-of-context click. – Brad Christie Mar 12 '15 at 15:48

Prevent bootstrap dropdown from closing on click event

0 Answers0