Dropdown example (Append menu document body) isn't accessible by screen reader

[jessiehuff]

Describe the issue. What is the expected and unexpected behavior?
When testing the Dropdown append menu document body example, I noticed that I couldn't get into the menu with VO. I suspect it's because the menu appears in a different location in the DOM as the input. We should investigate how to make this example accessible as there are likely users following our example.

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

Go to our Dropdown append menu document body example and try to test with any screen reader.

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

[DaoDaoNoCode]

Looks like this issue can be solved with the below issue together. I create an example here. https://codesandbox.io/s/interesting-pine-yq1i6
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.