mui / mui/base-ui

[tooltip][popover] Support inline positioning

Open
#5,122 0 comments 0 reactions 0 assignees View on GitHub
component: popover component: tooltip type: new feature
Dominant language
TypeScript
Stars
10.9k
Forks
543
Avg merge
1d 20h
Merged PRs (30d)
101

Description

# Feature request

## Summary
> When the anchor element is an inline element that spans over two lines, the positioner doesn't point to one of the `ClientRect`s.

Instead, we'd like to render the floating element "inline" with the text. Making it stick to the closest client rect.

## Relations
This issue mirrors the https://github.com/mui/base-ui/issues/2064

## Examples in other libraries

- https://base-ui.com/react/components/preview-card#PreviewCardPositioner-alignOffset
- https://floating-ui.com/docs/inline

Contributor guide

Open the contributing guide

Research direction

No files or tests are named. Start by tracing the tooltip and popover positioning entry points, then compare the linked Base UI and Floating UI examples; done means an inline anchor spanning multiple lines positions the floating element against the closest client rect.

Written by the indexing model from the issue text.

Assessment

Tech stack
react, typescript
Domain
frontend
Issue type
Feature
Difficulty
4/5
Estimated time
3-5 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
48/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.