Library

React Components / v9 (@fluentui/react-components)

System Info

N/A

Are you reporting Accessibility issue?

no

Reproduction

https://codesandbox.io/s/dazzling-danny-wit5we

Bug Description

• Open a CodeSandbox (https://codesandbox.io/s/dazzling-danny-wit5we)
• Click a button ("Edit a quote") to open a menu

Actual Behavior

• Menu is rendered outside Shadow DOM i.e. in light DOM (parent document)
• Menu does not have styles
  
  (styles exist only in Shadow DOM)

Expected Behavior

• Menus are rendered in Shadow DOM
• Styles are applied

Logs

N/A

Requested priority

High

Products/sites affected

N/A

Are you willing to submit a PR to fix?

no

Validations

• Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
• The provided reproduction is a minimal reproducible example of the bug.