Dropdown style broke after upgrade to the new BsDropdown component after Navbar Collapse

[mravenash]

On Navbar collapse the dropdpwn menu still looks broken.

Following the HTML snippet:

html snippet:

<ul class="nav navbar-nav navbar-right"> <li class="nav-item"> <a class="nav-link" href="javascript:void(0)"> <div style="position: initial!important"> <div dropdown class="dropdown"> <div dropdownToggle class="dropdown-toggle"> Profile <b class="caret"></b> </div> <ul *dropdownMenu class="dropdown-menu bs-dropdown-container" > <li><a (click)="showUserProfileModal()">My Profile</a></li> <li class="divider"></li> <li><a (click)="logOut()">Logout</a></li> </ul> </div> </div> </a> </li> </ul>

[valorkin]

Placement should be bottom left, plus you need to style dropdown menu

[mravenash]

Placement bottom right looks correct when the navbar is not collapsed. The dropdown menu shows on the bottom right of the navbar, as shown below.

The issue is that when we collapse navbar, dropdown menu goes out of the navebar. Dropdown module comes with few inline element styles causing the issue. If I get rid of "position:absolute" then it works as expected when navbar is collapsed and not collapsed.
.