-
Notifications
You must be signed in to change notification settings - Fork 1.5k
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 issue on IOS Safari #3412
Comments
Actually reproducible in any demos with dropdown where dropdown popup is opened on top of something. Suspect its related to custom autoclose behaviour implementation for iOS. |
Just to confirm are you using Safari 13 ? |
Don't use touch events anymore as everything works fine with `mouseup/down` Fixes ng-bootstrap#3446 Fixes ng-bootstrap#3437 Fixes ng-bootstrap#3412 Fixes ng-bootstrap#3192 Fixes ng-bootstrap#3145 Fixes ng-bootstrap#3024
Hello. I am experiencing the same kind of issue and wondering if there is a workaround for versions: |
You can remove from your project ngbDropdown, ngbDropdownToggle, ngbDropdownMenu and etc directives. And add dropdown.js from bootstraps package into angular.json |
@TimonKK Thank you for hint. I'll try it out. |
Bug description:
On IOS Safari if you have a dropdown menu inside of a navbar and you tap on an item in the expanded dropdown the dropdown will collapse and the the next menu will expand. I first noticed this in a project after we upgraded to Angular 8 and the latest version of ng-bootstrap. I have a dropdown menu with router links inside my navbar and tapping on one just collapses the menu opening up the next one in line. All of the 5.x.x and 4.x.x versions exhibit this issue. When I downgraded to 3.3.1 it worked as expected.
All desktop browsers I have tried work fine.
Link to minimally-working StackBlitz that reproduces the issue:
Versions of Angular, ng-bootstrap and Bootstrap:
Angular: 8.2.3
ng-bootstrap: 5.1.0
Bootstrap: 4.3.1
The text was updated successfully, but these errors were encountered: