onBlur is called from child elements

Question

i have a container div that contains many inputs and checkboxes inside, i want to trigger an onBlur event only when the container div loses focus, instead the onBlur event is triggered everytime any element inside it loses focus

Answer 1

React documents this problem by utilizing the event loop with a setTimeout function with an empty second argument.