Skip to content

[Bug]: portals should render in Shadow DOM [v9] #27762

@layershifter

Description

@layershifter

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

Actual Behavior

  • Menu is rendered outside Shadow DOM i.e. in light DOM (parent document)
  • Menu does not have styles
    image
    (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.

Metadata

Metadata

Assignees

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions