Tooltip in Bootstrap v5.2.2 does not follow the 'placement' property; works correctly in v4.6.2 though

Created by: Webbithole

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

Correct in Bootstrap v4.6.2

In Bootstrap v4.6.2 on hover over a button, a tooltip appears underneath that button. In a second button, the tooltip also appears correctly underneath the button. Can be checked here on this CodePen.

Incorrect in Bootstrap v5.2.2

1. In Bootstrap v5.2.2 however, the tooltip will appear only underneath button 1. The tooltip for the second button will only appear on the right of it.
2. Also, if you write some text above the buttons, in both cases, the tooltip will now appear on the right of the button. Can be checked on this CodePen.

Reduced test cases

Correct in Bootstrap v4.6.2

https://codepen.io/Webbithole/pen/QWxLmWb

Incorrect in Bootstrap v5.2.2

https://codepen.io/Webbithole/pen/GRGKxNa

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

Windows

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

Chrome

What version of Bootstrap are you using?

5.2.2