Skip to content

[Bug]: Fluent v8 icons do not work with Shadow DOM #28059

@spmonahan

Description

@spmonahan

Library

React / v8 (@fluentui/react)

System Info

n/a

Are you reporting Accessibility issue?

no

Reproduction

https://codesandbox.io/s/icons-in-shadow-dom-fluent-v8-om81du

Bug Description

Actual Behavior

When rendering an icon in a shadow root no styles are applied. Locally, in Storybook, the icons themselves do not render.

Expected Behavior

Styles should be applied.

Logs

No response

Requested priority

Blocking

Products/sites affected

No response

Are you willing to submit a PR to fix?

yes

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

Labels

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions