Prosition prop is not working correctly

[Gdiazdiaz]

When specifying position: 'bottom-align-middle' for a step, the tooltip often ignores the setting and appears on the left side of the element (or elsewhere), instead of centered below as expected.

Steps to Reproduce:

• Create a step like:
  {
  element: '#my-element',
  intro: 'This is a test tooltip.',
  position: 'bottom-align-middle'
  }
• Run introJs().start();
• Observe the tooltip placement.

Expected Behavior:

The tooltip should appear directly beneath the target element, centered horizontally (middle aligned).

Actual Behavior:

The tooltip is often placed on the left, or some other unrelated position. This happens even when there's sufficient space below the element for proper placement.

Notes:

• Tried with latest Intro.js version.
• Happens regardless of scrollToElement or scrollTo: 'tooltip' settings.
• Other positions (like 'bottom' or 'top') behave as expected.

[Parvinmh]

Please try the latest beta version
If the issue still persists after updating, feel free to let us know.

[shelbydremely]

the positions bottom-right-aligned and bottom-middle-aligned are not working for me.

[mfrey43]

Same problem here, still aligned slightly to the left on the current version (v8.3.1)