Previously I had a problem with tooltip, this one:
https://www.outsystems.com/forums/discussion/93571/outsystems-ui-tooltip-with-buttons-inside-not-working-using-the-trigger-onclick/
It was solved by adding the data attribute data-allow-event-propagation = True.
Now, after the update, if this property is set, if I press to open the tooltip and then press on another one, both remain open.
but if I remove the data-allow-event-propagation property from the buttons the issue is solved, but the previous problem:
happens again.
Can someone help me?
Thanks in advance.
Hi Fábio,
Thank you for the oml!
Clickable items inside tooltips isn't something we would recommend from the start, from UX perspective and although we try to make it work, there will always be some scenario that won't be covered and work as expected!
For these situations, I advice adding pointer-events: none to the element that is causing the issue. In this case are the icons inside the button, so adding this CSS should fix the issue:
.osui-tooltip__balloon-wrapper__balloon i {
pointer-events: none;
}
I attached the oml with this workaround!
Best regards,
Bernardo
Hello @Fábio Santos
To make this more efficient and collaborative for the community please share a sample OML where that issue can be reproduced.
That way someone from the community can take a look without investing more time in implementing the use case.
Cheers,GM
Hi,
Here is the OML.
Thanks
Hello,
First of all, thank you for your time.
I was checking the solution that you mentioned but it still happens. So if I press the Tooltip 1 and then the Tooltip 2, the Tooltip 1 remains open.
The fix I suggested was for the bottom example, without the data-allow-event-propagation. That should be closing the current tooltip and still trigger the inner button event.
Best regards
Hi Bernardo,
Got it, it's working.
Thank you!