Context Selector: onSelect via click doesn't work when appended to document body

[thatblindgeye]

Describe the issue. What is the expected and unexpected behavior?
From this comment in another issue #6824 (comment) :

Here I also append the dropdown menu to the document.body, but the first time we open the modal and toggle the dropdown menu, we cannot select the items in it. It looks like the click event happens on the body but not on the items so it will close the menu instead of selecting it. I believe this will also cause the same problem with the screen reader.

The expected behavior when clicking is to be the same when using keyboard, where clicking an option selects it rather than closing the dropdown and requiring needing to open and click the option again.

Please provide the steps to reproduce. Feel free to link CodeSandbox or another tool.

View the codesandbox in the issue comment linked above, or:

• go to our Context Selector page and update the first example so that after line 82 there is the line:

  menuAppendTo={() => document.body}

• click to open the dropdown and try clicking on the Action item, notice how the dropdown closes without actually selecting it

Is this a bug or enhancement? If this issue is a bug, is this issue blocking you or is there a work-around?
Bug

What is your product and what release version are you targeting?