Adminlte: [BUG] Rightside downdown position

Created on 1 Mar 2020  路  1Comment  路  Source: ColorlibHQ/AdminLTE

If I add a dropdown box with this code:

<li class="nav-item dropdown ml-auto show">
                    <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" aria-expanded="true">
                      Options<span class="caret"></span>
                    </a>
                    <div class="dropdown-menu show" x-placement="bottom-start" style="position: absolute; will-change: transform; top: 0px; left: 0px; transform: translate3d(-5px, 44px, 0px);">
                      <a class="dropdown-item" tabindex="-1" href="#"><i class="fas fa-dollar-sign" aria-hidden="true"></i> Subscriptions</a>
                                          <a class="dropdown-item" tabindex="-1" href="#">Revoke PT Profile</a>
                                            <a class="dropdown-item" tabindex="-1" href="#">Something else here</a>
                      <div class="dropdown-divider"></div>
                      <a class="dropdown-item" tabindex="-1" href="#"><i class="fas fa-trash" aria-hidden="true"></i> Delete User</a>
                    </div>
                  </li>

It will not have the right position and add a srollbar at the bottom, like showing on the picture below.

Screenshots
https://imgur.com/XUlkanD

Environment (please complete the following information):

  • AdminLTE Version: v3.0.2
bug 3.x

Most helpful comment

You need to add .dropdown-menu-right to .dropdown-menu. This will fix your problem.

>All comments

You need to add .dropdown-menu-right to .dropdown-menu. This will fix your problem.

Was this page helpful?
0 / 5 - 0 ratings

Related issues

EliuTimana picture EliuTimana  路  4Comments

kgoedert picture kgoedert  路  4Comments

acacha picture acacha  路  4Comments

frlinw picture frlinw  路  3Comments

jrlooney picture jrlooney  路  3Comments