Ngx-bootstrap: Dropup menu with Bootstrap 4 doesn't open next to the button

Created on 10 Aug 2018  路  5Comments  路  Source: valor-software/ngx-bootstrap

Using dropup="true" on a dropdown component, the menu is not displayed near the button:

dropup

https://stackblitz.com/edit/ngx-bootstrap-yrz4qu

ngx-bootstrap: 3.0.1
Angular: 6.1.2
Bootstrap: 4.1.3

comp(dropdown)

Most helpful comment

This comment provide a solution:

.dropdown-menu {
  transform: none !important;
}

All 5 comments

This comment provide a solution:

.dropdown-menu {
  transform: none !important;
}

This issue exists on Firefox for me. Chrome/Safari/Opera are all fine.
The comment about by @Getz85 does not resolve it.

Same issue here:
bootstrap: 4.1.3
ngx-bootstrap: 3.1.3
angular: 7.0.5

@Getz85 comment fixed the issue

It seems that something has changed in bootstrap which fixed the issue with dropups.

If I use @Getz85 now, the dropup appears as a dropdown. If I remove the fix, everything is back to normal.

bootstrap: 4.13 -> 4.2.1
ngx-bootstrap: 3.1.3 -> 3.1.4
angular: 7.0.7

That's not reproducible with the version 5.5.0, so, I will close it

Was this page helpful?
0 / 5 - 0 ratings

Related issues

PascalHonegger picture PascalHonegger  路  3Comments

phmello picture phmello  路  3Comments

tuoitrexuquang picture tuoitrexuquang  路  3Comments

ghiscoding picture ghiscoding  路  3Comments

pgeyman picture pgeyman  路  3Comments