Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Dropdown in navbar doesn't have static display if guarded by ngIf #4520

Closed
jnizet opened this issue Jun 1, 2023 · 0 comments · Fixed by #4521 · May be fixed by trash07/todo-angular-app#9
Closed

Dropdown in navbar doesn't have static display if guarded by ngIf #4520

jnizet opened this issue Jun 1, 2023 · 0 comments · Fixed by #4521 · May be fixed by trash07/todo-angular-app#9

Comments

@jnizet
Copy link
Member

jnizet commented Jun 1, 2023

Bug description:

A dropdown in a navbar is supposed to automatically have its display set to static. It's not the case if the dropdown or an ancestor is guarded by an *ngIf

Link to minimally-working StackBlitz that reproduces the issue:

https://stackblitz.com/edit/angular-ljqpmb?file=src%2Fapp%2Fdropdown-navbar.html,src%2Fapp%2Fdropdown-navbar.ts

Make sure to test the two dropdowns with a narrow street, where the navbar is initially collapsed, to see the difference.

Versions of Angular, ng-bootstrap and Bootstrap:

Angular: 16.0.0

ng-bootstrap: 15.0.0

Bootstrap: 5.2.3

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment