CODEWITHSUNDEEP
angularjsangular-uiangular-ui-bootstrap
zszep
zszep

Reputation: 4483

angularui bootstrap dropup not working

I need to use a dropup menu. This code worked perfectly with ui-bootstrap-tpls-0.10.0.js:

<div class="btn-group dropup">
    <button type="button" class="btn btn-default" ng-click="print('PDF')">{{text}}</button>
    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">
        <span class="caret"></span>
        <span class="sr-only">Toggle Dropdown</span>
    </button>
    <ul class="dropdown-menu" role="menu">
        <li><a ng-click="print('PDF')">Pdf</a></li>
        <li><a ng-click="print('EXCEL')">Excel</a></li>
    </ul>
</div>

After upgrading to ui-bootstrap-tpls-0.11.0.js, the dropup popup doesn't show anymore. Any help appreciated. The dropdown still works as expected.

Upvotes: 3

Views: 2739

Answers (1)

tasseKATT
tasseKATT

Reputation: 38490

Add the dropdown attribute to your outer div:

<div class="btn-group dropup" dropdown>

Upvotes: 12

Related Questions