docs(react-tooltip): add Tooltip and overflow content example #33278
+167
−0
Conversation
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
mainframev
added
Component: Tooltip
Storybook
Area: Documentation
and removed
Storybook
labels
📊 Bundle size report✅ No changes found |
|
Pull request demo site: URL |
mainframev
force-pushed
the
docs/tooltip-and-overflow-example
branch
from
d5e1d6e
to
1bbb199
Compare
mainframev
force-pushed
the
docs/tooltip-and-overflow-example
branch
from
1bbb199
to
48b5cd8
Compare
ValentinaKozlova
approved these changes
Nov 19, 2024
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Adding an additional example to our react-tooltip component, demonstrating a controlled tooltip with overflow logic. This feature was available in Fluent UI v8 through a built-in
overflowModeprop, but it is not supported in the current v9 API, users should useonVisibilityChange. Partners have been asking how to replicate this functionality in v9. While the migration documentation notes the absence of overflowMode, this example aims to address the scenario.We can approach this in two ways: either clarify that managing tooltip with overflow is now a user responsibility (as a "by design" decision) or provide this example to guide users on implementing it.
UPD: found that
onlyIfTruncatedexample existed before in preview version and was removed later here. We may get it back, if this will help partners with migration, let's decide.Previous Behavior
New Behavior
Related Issue(s)