Dropdown will jump

[eric-burel]

Prerequisites

• I am using the correct version of React-Bootstrap for my version of Bootstrap
• I have searched for duplicate or closed issues
• I have read the contributing guidelines

Describe the bug

Dropdown menu of the DropdownButton will do an horizontal jump when the bottom of the menu enters the screen.

This is due to the property x-placement switching from "bottom-start" to "bottom-end", and this attribute being associated with different translation.

This bug came to our attention here Devographics/Monorepo#287 when running the State of JS survey

Expected behavior

No jump, the "x-placement" attribute should be stable.

At least we should be able to lock it. By the way I couldn't observe the impact of the menu alignement from the doc.

To Reproduce

1. Go to the official documentation, check the DropdownButton alignment section
2. Add more items or tweak your viewport so that the menu will have more height than the viewport
3. Scroll down => menu will jump

Reproducible Example

https://react-bootstrap.netlify.app/docs/components/dropdowns/#menu-alignment

Screenshots

Not sure if it's super clear but the jumps occur when the bottom of the menu enters the viewport.

What operating system(s) are you seeing the problem on?

Linux

What browser(s) are you seeing the problem on?

Chrome, Firefox

What version of React-Bootstrap are you using?

2.8.0

What version of Bootstrap are you using?

5.2.1

Additional context

Note that I can repro the bug on the official doc directly, so it won't be solved by a version update.

Sorry in advance if it's a dupe. Might be related to #5812 but this other issue is not associated with a repro.