fluentui icon indicating copy to clipboard operation
fluentui copied to clipboard

[Bug]: Not able to use Web Components V3 with stand-alone script

Open vnbaaij opened this issue 1 year ago • 0 comments

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: image

In HTML: image (1)

Screenshot of minimal repo: image

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.

vnbaaij avatar Jun 02 '23 09:06 vnbaaij