Tooltip on BIM Button becomes hidden/scrollable onHover

[CindySim08]

Describe the bug 📝

When hovering over the bim-button, the tooltip's title and text can become hidden or scrollable, rendering the content unreadable. This happens when the tooltip appears near the edge of a scrollable container, causing it to be cut off or require scrolling to view the full text.
Expected Behavior: The tooltip should always remain fully visible and readable when hovered over, regardless of its position relative to scrollable containers. It should "float" above the content and not be constrained by the boundaries of the scrollable area.

Reproduction ▶️

No response

Steps to reproduce 🔢

No response

System Info 💻

@thatopen/ui

Used Package Manager 📦

npm

Error Trace/Logs 📃

No response

Validations ✅

• Read the docs.
• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• Make sure this is a repository issue and not a framework-specific issue. For example, if it's a THREE.js related bug, it should likely be reported to mrdoob/threejs instead.
• Check that this is a concrete bug. For Q&A join our Community.
• The provided reproduction is a minimal reproducible example of the bug.