How do I call callback on blur but only when the focus item is not a child

So i have this structure:

<div onBlur={...}>
     <input type="text"/>
     <div id={"content"} isVisible={..}>SomeContent</div>
</div>

<div onBlur={...}>
     <input type="text"/>
     <div id={"content"} isVisible={..}>SomeContent</div>
</div>

- clicking and focusing input text causes div.content to show itself So i want to hide content when user will leave input.text but only when the next focused tag is not content. So when user will click div.content I wont it to be still visible, but when user click something different but input.text it hides div.content. How do i achieve this ?

1 Reply

interpod•17mo ago

my event.currentTarget is null

Gaming

Programming

How do I call callback on blur but only when the focus item is not a child