CODEWITHSUNDEEP
ng-bootstrap
user3411890
user3411890

Reputation: 3

ng-bootstrap ngbdropdown placement not working with angular 4.3.5

The placement does not work for "top-right". Just goes to the default.

My packages:

"@ng-bootstrap/ng-bootstrap": "^1.0.0-beta.1", "bootstrap": "^4.0.0-beta",

<div ngbDropdown placement="top-right" class="d-inline-block">
                <button class="btn btn-outline-primary" id="dropdownBasic2" ngbDropdownToggle>Auto Fill Queue From
                    Library
                </button>
                <div ngbDropdownMenu aria-labelledby="dropdownBasic2">
                    <button class="dropdown-item" (click)="rebuild(3)">4 More Days</button>
                    <button class="dropdown-item" (click)="rebuild(3)">3 More Days</button>
                    <button class="dropdown-item" (click)="rebuild(2)">2 More Days</button>
                    <button class="dropdown-item" (click)="rebuild(1)">Through Tomorrow</button>
                    <button class="dropdown-item" (click)="rebuild(0)">Rest of Today</button>
                </div>

            </div>

Upvotes: 0

Views: 6865

Answers (1)

pkozlowski.opensource
pkozlowski.opensource

Reputation: 117370

The placement option for ng-bootstrap dropdowns was added only in ng-bootstrap 1.0.0-beta.2 so you need to update your version of ng-bootstrap. More info can be found in the CHANGELOG.

With the version updated it works perfectly fine, you can verify it here: http://plnkr.co/edit/jZIt2YDWdqUOxCESig41?p=preview.

Upvotes: 1

Related Questions