Placement is not working

Bug description The placement prop is not working correctly in height-restricted containers. When setting place="top", the tooltip appears on the right or left side instead. Using the positionStrategy prop (e.g., "fixed") doesn't resolve the issue.

Version of Package v5.26.3

To Reproduce

Render a tooltip inside a height-restricted container.
Set the place prop to "top".
Optionally set the positionStrategy to "fixed".
Observe that the tooltip does not position itself at the top as expected.

Expected behavior The tooltip should appear at the top of the target element when place="top" is set, even in height-restricted containers.

Screenshots The container has overflow-x: hidden applied and a maximum height set to 40px

code:

      <div data-tooltip-id={id}>{trigger}</div>
      <ReactTooltip
        id={id}
        clickable
        positionStrategy="fixed"
        place="top"
        opacity={1}
        delayHide={0}
        delayShow={0}
        className="!nk-z-50 !nk-bg-black !nk-rounded-[8px] !nk-p-0"
        openEvents={{ mouseenter: true, focus: true }}
        closeEvents={{ mouseleave: true, blur: true }}
        noArrow={false}
        arrowColor="black"
        {...props}
      >
        <div className="nk-relative nk-h-full nk-text-left nk-rounded-md nk-text-sm nk-font-medium nk-text-white nk-py-2 nk-px-4">
          {children}
        </div>
      </ReactTooltip>

Desktop (please complete the following information if possible or delete this section):

OS: Mac
Browser: Chrome
Frameworks React 18, Next.js 14.2.13

Additional context Even when trying the positionStrategy prop (e.g., "fixed"), the placement remains inconsistent. Adjustments or additional options to ensure correct positioning in height-restricted containers would be helpful.

I came across a similar issue that was closed without providing a proper solution: https://github.com/ReactTooltip/react-tooltip/issues/692

ReactTooltip / react-tooltip

[BUG] Placement is not working #1233

Placement is not working