[BUG] Using globalCloseEvents with clickOutsideAnchor

[richhapal]

Bug description
I want that if i click out tooltip that it should not be close but using clickOutSideAnchor it close tooltip but when we click on tooltip content it also close so can you tell me is there any key inside globalCloseEvents that close tooltip , click anywhere except tooltip it self.

Version of Package
5.28.0

To Reproduce
Steps to reproduce the behavior.

Expected behavior
When click on Tooltip it self it should not close tooltip but click anywhere it should be close.

Screenshots
<Tooltip
anchorSelect='#poll-icon'
id='tool_tip_poll_icon'
isOpen={showPostPollToolTip} // check is any other post poll occur
content={Poll started at ${isAnotherPostPollActiveRef.current.pollTimeFormat || '' } Click here to attempt.}
place='bottom-end'
className={tooltipClass}
setIsOpen={setShowPostPollToolTip}
globalCloseEvents={{ clickOutsideAnchor: true }}
/>
)}

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

• OS: Mac
• Browser [Any]
• Frameworks [ React 18]

[danielbarion]

Hi @richhapal, I'm not sure I understand the issue, can you please create a reproducible example by editing this sandbox: https://codesandbox.io/p/sandbox/gallant-leftpad-8kvtn7 ?

So I can take a detailed look.

Thanks!

[richhapal]

I want to implement globalCloseEvents={{ clickOutsideAnchor: true }} so thing is that during click on toolitp it self, it close it self bcz you have 'pointer-event:none' property added in on css class. I override that so it work for me now.

[gabrieljablonski]

@richhapal you can use the clickable tooltip prop to achieve that, instead of overriding the CSS directly.

As I understand, that fixes your issue, right? Please close it if so. If not, please provide more information.