Input Convergence

[ecraig12345]

Outstanding work as of January 2022

query for Input labeled issues

• [x] RC prep (mostly done) - #20936
• [x] a11y pass (mostly done) - #21174
  • [x] contrast issues with filled appearances - #21449
  • [x] accessible examples for contentBefore/after - #21450
• [x] minor outline styling issue - #21296
• [ ] minor open design questions - #21464

Possible items for later

• Field (for attaching label) - #19627
• Implement additional features, related components, and/or component variants: tentative details/research in Spec-variants.md
  • Bookends - #21462
  • Textarea (multiline)
  • Validation
  • Password
  • Masking

Preparation:

• [x] Started prep
• [ ] Open UI Research complete
  • [link to https://open-ui.org/]
• [x] Comparison on v8 and v0 complete
• [ ] Gather open GitHub issues related to component
• [x] react-* package scaffolded
• [x] Component Spec authored and reviewed
• [x] Deliverable: Reviewed component spec

Implementation

https://github.com/microsoft/fluentui/tree/master/packages/react-input

• [x] Started impl - #18781
• [x] Implement component
• [x] Add storybook stories
• [x] Using hooks
• [x] Using makeStyles
• [x] Respects Figma tokens (and using provider)
  • [x] Basic styling: #19376
  • [x] Bookend styling deferred
  • [x] Focus styling #20648
  • [ ] Styling polish after design review
• [x] Respects API principles, shorthands and slots handling
• [x] No dependency on v0/v7
• [x] Add tests - Conformance, Unit, and VR
  • [x] Conformance tests
  • [x] Unit tests
  • [x] VR tests #20648
  • [x] Accessibility behavior tests probably not needed due to entirely using a native element
• [ ] Accessibility pass #21174 (almost done)
• [ ] Write README.md covering basic usage
• [ ] Write initial MIGRATION.md guide (include v8 and v0)
• [x] Set component ownership in CODEOWNERS
• [x] Deliverable: Experimental component ready for partner use, component re-exported in react-components

Validation

• [ ] Started validating
• [x] Validate with token pipeline
• [ ] Validate in product
• [ ] Finalize migration guide
  • [ ] Author codemods
• [ ] Deliverable: Preview component ready for broader/3rd party use

[ecraig12345]

For June:

• Research/spec
• MVP implementation

[behowell]

8-2 update - @ecraig12345:

• Basic input implementation merged
• Ongoing work on RFCs for how to apply props to input slots, which will affect Input
• Getting started on styling

[paulgildea]

Adding Azure requirements here so that I don't lose them:

• Providing a mechanism for a copy/paste icon that will copy the textual content to the clipboard

[ecraig12345]

@paulgildea That should be easily doable with slots. We could have an example of how to do it, but we probably won't build it in to the component itself.

[behowell]

8-9 update @ecraig12345

• No updates this week

[ecraig12345]

8/16

• Working on styling: almost done; main holdup is focus styling (initial PR #19376)
• Trying to have native props RFC ready to discuss on Wednesday

[msft-fluent-ui-bot]

Because this issue has not had activity for over 150 days, we're automatically closing it for house-keeping purposes.

Still require assistance? Please, create a new issue with up-to date details.