Dropdowns shown incorrectly

Bug description:

My dropdowns won’t work - neither the bootstrap-standard-dropdowns, nor the ng-bootstrap-dropdowns… The dropdown is ‘opened’ from the beginning and is shown very uncommon. If I press the toggle-button, nothing happens. The classes of the dropdown-items aren’t even changed.

Link to minimally-working StackBlitz that reproduces the issue:

That’s the problem. I can’t reproduce the problem. The stackblitz shows my scenario nonetheless… https://stackblitz.com/edit/angular-pvq85f --> modal - in the modal is a dropdown

It looks like the script-side of ng-bootstrap isn’t working, but I don’t know why…

<div class="modal-content">
  <div class="modal-header">
    <div>
     TITLE
    </div>
    <button type="button" class="icon-button" (click)="activeModal.close()">
      <i class="icon icon-delete" aria-hidden="true"></i>
    </button>
  </div>
  <div class="modal-body">
    <div>
      <div class="form-group row">
        <p class="col-4 text">{{'Priority'|translate}}</p>
        <div class="col-8 no-padding">
          <div class="col">
            <div ngbDropdown class="d-inline-block">
              <button class="btn btn-outline-primary" id="dropdownBasic1" ngbDropdownToggle>Toggle dropdown</button>
              <div ngbDropdownMenu aria-labelledby="dropdownBasic1">
                <button ngbDropdownItem>Action - 1</button>
                <button ngbDropdownItem>Another Action</button>
                <button ngbDropdownItem>Something else is here</button>
              </div>
            </div>
          </div>

        </div>
      </div>
    </div>
  </div>
  <div class="modal-footer ">
    <button type="button" class="normal-button" (click)="submit()">
     FOOTER
    </button>
  </div>
</div>

My angular.json

My index.html

Versions of Angular, ng-bootstrap and Bootstrap:

Angular: 9.0.6

ng-bootstrap: 6.0.0

Bootstrap: 4.4.1

[marriskleinert]

Alright, so I did that and everything worked fine. I think, something in my app is wrong or so. It’s been a while since it was created and there have been many updates etc… But thank you anyways for helping out. I think I have to start from scratch in near future.

[benouat]

Ok, then 😄 Could you try to create a blank new project from Angular CLI, then manually (following our documentation) add ng-bootstrap, and finally try the broken pattern.