Dropright/dropleft is broken on navbar or with static position

[ysds]

I wondered why position: relative is not given to dropright and dropleft, so examined any influence.

Related code:

bootstrap/scss/_dropdown.scss

Lines 2 to 5 in ed286e0

	.dropup,
	.dropdown {
	position: relative;
	}

Then, I found a position of dropright or dropleft is not as expected when using it on a navbar. Demo Please see on a large screen.

Also, a dropright/dropleft outside navbar works well since it is positioned by popper, but if disable poper (#24092) it will break position.

[XhmikosR]

/CC @mdo @Johann-S

[Johann-S]

Yep we made the choice a few release before to not enable Popper.js in our navbar component but with .dropleft or .dropright I'm not sure if we'll have the choice to not use Popper.js

[mdo]

Perhaps we limit left/right to everything but navbars? Or do we try to do some basic positioning for them inside navbars?

[ysds]

Resolved in #25400