You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
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
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: #692
The text was updated successfully, but these errors were encountered:
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
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:
Desktop (please complete the following information if possible or delete this section):
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: #692
The text was updated successfully, but these errors were encountered: