fluentui
fluentui copied to clipboard
[Bug]: Not able to use Web Components V3 with stand-alone script
Library
Web Components (@fluentui/web-components)
System Info
na
Are you reporting Accessibility issue?
None
Reproduction
Working example with V2: https://codesandbox.io/s/boring-bardeen-sggue7?file=/index.html Not working example with V3: https://codesandbox.io/s/snowy-waterfall-nb6fz1?file=/index.html (code for component call copied from https://web-components.fluentui.dev/?path=/docs/components-button-compound-button--button)
Bug Description
I'm trying to use the Web Components V3 from a Blazor application and from a simple HTML page. With V2 I could just include a link to the web-components.js/web-components.min.js and it just worked. With the V3 script I'm getting an error when including the script.
In Blazor:
In HTML:
Screenshot of minimal repo:
This is caused by the script referencing @microsoft/fast-element/utilities
in the first line
Expected Behavior
I can use the V3 components by including a single script file in my HTML (or Blazor) source.
Logs
No response
Requested priority
Blocking
Products/sites affected
Fluent UI Blazor components library vNext
Are you willing to submit a PR to fix?
no
Validations
- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- [X] The provided reproduction is a minimal reproducible example of the bug.