[Tooltip] Tooltip touch the edge #413
Labels
bug 馃悰
Something doesn't work
component: tooltip
This is the name of the generic UI component, not the React module!
design
This is about UI or UX design, please involve a designer
package: base-ui
Specific to @mui/base
package: joy-ui
Specific to @mui/joy
package: material-ui
Specific to @mui/material
Steps to reproduce 馃暪
Link to live example:
Steps:
Current behavior 馃槸
Expected behavior 馃
Context
Material UI handles this a bit better:
https://github.com/mui/material-ui/blob/e64928daf64fcce9702e2659e44ecb348aa97403/packages/mui-material/src/Tooltip/Tooltip.js#L130
though we might want 4px, it feels much better than 2px. But note that the implementation of it in Material UI is broken, the 2px is also included for the start positioning placement 馃檲. We need to fix this too.
The Popover component has a
marginThreshold
prop for this very use case.Benchmark
Radix Primitive solves this with a custom
collisionPadding
prop on the Popper.Off-topic
I really feel the lack of animation on the tooltip in Joy UI, I wouldn't use this component as is in a side-project. I think it's x10 more important to fix the transition than this issue that I opened here 馃榿.
Your environment 馃寧
@mui/joy
v5.0.0-alpha.84cc @siriwatknp
Search keywords:
The text was updated successfully, but these errors were encountered: