Hi guys, I'm currently create a Nested Tooltip (a tooltip inside another Tool Tip)
The Structure is like this
Its not work as I expected, When I hover to the 2nd Tooltip. The First Tooltip disapear => The second one disapear too
Can I have anyway to resolve this or walkaround? Thank you
I also have attach the OML file
Hi @Huy Le,
This is the intended behavior. Whenever you hover over one tooltip, the other one will disappear, and the second tooltip will be displayed.
Did you try including the second tooltip inside the content of the parent tooltip as a workaround.
Yes that is the Requirement
I also found another workaround by user Popover Menu but I still need the position of the expanded part on the left side of where I hover like this:
Hey @Huy Le
This is expected behavior with the OutSystems UI Tooltip. The nested tooltip is inside the parent tooltip, so when you move the mouse to the second tooltip, the parent tooltip loses its hover state and closes — which also hides the nested tooltip.
A better workaround is to avoid nesting the Tooltip components. Instead, place both tooltips at the same level and control their visibility/position separately, or use a custom popover/tooltip implementation where the parent remains open while interacting with the child.
In short: don't nest Tooltip inside Tooltip; use a sibling/custom tooltip structure for interactive nested content.
Hi @Huy Le If feasible for you then try to use Popover menu, it might help you to achieve expected behavior,
Thanks
Can I Move the expand Popup part of the Popover Menu to the left of where I hover like tooltip? Like this:
Hi Huy Le,
Apart from the technical problem (explained by others), a tool tip inside another tool tip is a bad idea, UX-wise.