-
Notifications
You must be signed in to change notification settings - Fork 2.7k
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
(web-components) Use ElementInternals
for TextInput elements
#31201
(web-components) Use ElementInternals
for TextInput elements
#31201
Conversation
This pull request is automatically built and testable in CodeSandbox. To see build info of the built libraries, click here or the icon next to each commit SHA. |
Should we pull the label from within the control with this change? |
change/@fluentui-web-components-7fcf0c62-7015-4e62-b867-951d528a3a4c.json
Outdated
Show resolved
Hide resolved
64a35b4
to
070313f
Compare
707be68
to
3ba33e2
Compare
070313f
to
af1d832
Compare
8f49a44
to
cb6fdf3
Compare
af1d832
to
e20f6ef
Compare
This will need to be pointed to |
e20f6ef
to
3af5dd9
Compare
📊 Bundle size report✅ No changes found |
change/@fluentui-web-components-7fcf0c62-7015-4e62-b867-951d528a3a4c.json
Show resolved
Hide resolved
3f8fe39
to
ccc025b
Compare
@chrisdholt due to cross-root ARIA limitations, the label has to be part of the component. I gave a custom |
5b79d8d
to
ce3b7af
Compare
ce3b7af
to
d5d078b
Compare
* master: (49 commits) Update focus order in sankey chart for vertical navigation (microsoft#31469) chore: use new performant 'type-check' for v9 libaries (microsoft#31454) applying package updates fix(Timepicker-compat): clearIcon not working in freeform (microsoft#31324) chore: re-enable lint rule (microsoft#31459) feat(react-tag-picker): adds text property to TagPickerOption (microsoft#31474) feat(recipes): create package with initial implementation (moved from /apps) (microsoft#31386) applying package updates applying package updates chore: revert globals changes (microsoft#31470) (web-components) Use `ElementInternals` for TextInput elements (microsoft#31201) chore:(docs) Update and migrate component implementation guide (microsoft#31398) disallow all globals in Fluent v9 (microsoft#30967) chore:(react-nav-preview) Recomposing more components and some pixel pushing (microsoft#31387) fix(pr-deploy-site): explicitly set types to not include whole @types/* globals which are causing issues with addition of @types/web (microsoft#31465) fix(recipes-react-components): explicitly set types to not include whole @types/* globals which are cauising issues with addition of @types/web (microsoft#31463) applying package updates applying package updates applying package updates Update IconDirectionContextProvider import to import from specific path (microsoft#31006) ...
Previous Behavior
Currently, form-associated custom elements use the
FormAssociated
class mixin. This mixin is heavy and duplicative, being copied wholesale for every component which utilizes it. WhileFormAssociated
includes minimal support forElementInternals
, the implementation isn't fully baked.New Behavior
Improvements:
<fluent-text-input>
custom element to useElementInternals
by default. An optional polyfill may be added in the near future, as more components transition to use ElementInternals.TextInput
component.