Tooltip Convergence

[behowell]

Preparation:

• Started prep
• Open UI Research complete
  • https://open-ui.org/components/tooltip.research
  • PR: Add Tooltip research page openui/open-ui#265
• Comparison on v8 and v0 complete
• Gather open GitHub issues related to component in epic issue
  • ☂ Tooltip: open issues to resolve in converged approach #15102
• react-* package scaffolded
  • PR: Add react-tooltip package #17133
• Component Spec authored and reviewed
  • PR: Converged Tooltip Spec #17261
• Deliverable: Reviewed component spec
  • https://github.com/microsoft/fluentui/blob/master/packages/react-tooltip/Spec.md

Implementation

• Started impl
• Implement component
  • https://github.com/microsoft/fluentui/tree/master/packages/react-tooltip
  • PRs: Implement Tooltip #17812, Refactor Tooltip to simplify API and remove dependency in FluentProvider #18043
• Add storybook stories
• using hooks
• using makeStyles
• respects Figma tokens (and using provider)
• respects API principles, shorthands and slots handling
• no dependency on v0/v7
• Add tests - Conformance, Unit, and VR
  • Conformance tests
  • Unit tests: Tooltip: Add unit tests #19046
  • VR tests: Tooltip: Add VR tests #19047
  • accessibility behavior tests: Tooltip: Add accessibility behavior tests #19049
• Write README.md covering basic usage
• Write initial MIGRATION.md guide (include v8 and v0)
• Fix outstanding implementation issues
  • Update Tooltip API with visible controlled prop, and onVisibleChange event #18610
  • Tooltip: Update visuals and API from design changes #19045
• Deliverable: Experimental component ready for partner use

Validation

• Started validating
• Add and validate in UI Builder
• Add and validate in docs site
• Validate with token pipeline
• Validate in product
• Finalize migration guide
  • Author codemods
• Deliverable: Preview component ready for broader/3rd party use

[behowell]

February goals:

• Reviewed spec and background research complete
• Working implementation (draft or final)

[JustSlone]

Update:

• Open UI research PR out
• Delayed based on Avatar and other work

[behowell]

Update 2-23-2021:

• Investigating options to structure API to solve issues mentioned in ☂ Tooltip: open issues to resolve in converged approach #15102, and reduce bundle size bloat for components that use tooltip internally
• Spec is in progress
• Package scaffolding PR: Add react-tooltip package #17133

[behowell]

Update 3-2-2021:

• Spec will be ready for review in tomorrow's office hours
• Proof of concept implementation

Goal for March:

• Completed Tooltip implementation

[behowell]

Update 3-9-2021:

• Spec is out for review Converged Tooltip Spec #17261
• Got some good feedback on the spec. Rethinking some of the design to support aria-describedby correctly.
• Draft implementation working based on the initial spec

Goals:

• Update the spec for aria-describedby, and have it reviewed in for tomorrow's office hours
• Update the implementation based on spec changes

[behowell]

Update 3-16-2021:

• Spec is updated/re-worked to correctly handle aria-describedby: Converged Tooltip Spec #17261
• Implementation updates are in progress

Goals:

• Have spec reviewed; make changes from review feedback
• Publish implementation PR

[behowell]

June goals:

• Replace onlyIfTruncated with onBeforeShow callback that allows clients to implement the truncated behavior if needed
• Update spec to match implementation changes
• (tentative) Add way to show tooltip through imperative API and controlled prop

[behowell]

8-10 update @behowell

• No updates this week

[behowell]

8-16 update @behowell

• Refactoring to remove mergeProps, PR Refactor Tooltip to remove mergeProps #19428
• Updating spec to match latest API changes

[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.