[Bug]: Web-component version does not support Text and button for in an intuitive way for Bing - Githubissues

microsoft / fluentui

Fluent UI web represents a collection of utilities, React components, and web components for building web applications.

https://react.fluentui.dev

Other

18.5k stars 2.73k forks source link

[Bug]: Web-component version does not support Text and button for in an intuitive way for Bing #32062

Closed gouttierre closed 3 months ago

gouttierre commented 3 months ago

Library

Web Components (@fluentui/web-components)

System Info

https://stackblitz.com/edit/typescript-bgy59i?file=index.html#:~:text=%40fluentui/web%2Dcomponents,3.0.0%2Dbeta.38

Are you reporting Accessibility issue?

None

Reproduction

https://stackblitz.com/edit/typescript-bgy59i?file=index.html

Bug Description

Actual Behavior

The problem is including the button next to the input in the field component.
If the button is outside the field component; it requires some awkward styling.
In the reproduction fluent-field - StackBlitz the first one button does not render, second example the error message wont show on validation.

Expected Behavior

The first one button should render, and second example the error message should show on validation.

Extra information

Jeff Smith is the reporter from AI Design.

Logs

No response

Requested priority

Blocking

Products/sites affected

Bing moving over to fluent web-components

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.

gouttierre commented 3 months ago

📢

Closing this issue since Jeff is collaborating with Tudor to understand the implementation details.
If Jeff encounters any problems with the WC or React implementations, we'll either reopen this issue or create a new one.

cc @eljefe223 , @chrisdholt , @procload