JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › General Discussions › FluentUI components do not render with Smart components (Shadow DOM ) on a page

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • April 17, 2023 at 11:24 pm #104715
    ygenin
    Participant

    I’m trying to create a web component that uses both FluentUI and Smart components in its Shadow DOM. FluentUI components render fine on their own but when placing Smart components (Shadow DOM variants) side by side with FluentUI ones, FluentUI stylesheets get screwed up somehow. FluentUI uses adoptedStyleSheets to emit :root style at the top of the document. When Smart components (Shadow DOM variant) added to the page, the emitted style disappears.

    My question is: does anybody know if Smart uses adoptedStyleSheets and somehow overrides what FluentUI does?

    May 11, 2023 at 12:57 pm #104822
    admin
    Keymaster

    Hi ygenin,

    The reported issue is confirmed and resolved in the latest version of our software. Thank you for the feedback!

    Regards,
    Boyko

  • Author
    Posts
Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.