Click inside a child Dialog of a Popup closes the whole React tree

[chughkartikey]

Steps

• Create a Popup with Dialog as a child item.
• Create a button inside the Dialog

Expected Result

• Click should not be considered as a click 'outside' pop-up since, dialog is a child of the pop-up.

Actual Result

• Dialog and pop-up close with a click inside the dialog because Pop-up doesn't register the dialog as a child hence, during the calculations to find whether the click was inside of the children returns false and pop-up closes. This results in closing of the whole React tree since, for React it is infact the child.
• Issue doesn't repro with Popup as a child of a Popup.

Example:

• CodeSandbox link: https://codesandbox.io/embed/stardust-ui-example-y3bqd