Skip to content

[CSS ::tooltip] Related ::tether proposal for tooltip pointer/arrow #1046

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Closed
Malvoz opened this issue May 22, 2025 · 2 comments
Closed

[CSS ::tooltip] Related ::tether proposal for tooltip pointer/arrow #1046

Malvoz opened this issue May 22, 2025 · 2 comments
Assignees
Labels
TooltipPseudo ::tooltip pseudo element

Comments

@Malvoz
Copy link
Contributor

Malvoz commented May 22, 2025

Regarding the Future idea Tooltip pointer/arrow:

A future consideration for ::tooltip is to add a way for authors to include a pointer/arrow with their tooltip that is associated with their ::tooltip psuedo.

This addition would require allowing sub-psuedo elements within ::tooltip. There would also need to be a way to know the position of the tooltip itself to position the arrow against, which can be accomplished with CSS Anchor Positioning.

As this ::tooltip proposal intends to utilize CSS Anchor Positioning to define the base positions I think the proposed ::tether pseudo-element should be noted.

@Malvoz Malvoz added the TooltipPseudo ::tooltip pseudo element label May 22, 2025
@o-t-w
Copy link

o-t-w commented May 23, 2025

Now that certain pseudo-elements can have their own pseudo-elements, perhaps ::tooltip can have a ::tether.

@alisonmaher
Copy link
Contributor

This is a great callout, thanks for the feedback! I've updated the explainer to call out ::tether as something we could use as part of the proposal for the pointer/arrow addition.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
TooltipPseudo ::tooltip pseudo element
Projects
None yet
Development

No branches or pull requests

3 participants