Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

[Tooltip]: children are required to be wrapped in span tags. shouldWrapChildren does not work.

See original GitHub issue

As of v0.3.1:

Here’s the codesandbox: https://codesandbox.io/s/blissful-greider-eywse

It shows the bug with a Tooltip on its own and used inline with other content (my use case).

It also shows that shouldWrapChildren doesn’t work.

It’s also broken on the docs site: https://chakra-ui.com/tooltip#usage

Issue Analytics

State:
Created 4 years ago
Comments:5 (5 by maintainers)

Top GitHub Comments

1reaction

segunadebayocommented, Sep 25, 2019

Hi @aaronmcadam ,

I just looked into it and resolved the issue. Thanks for catching this.

I’ll release a patch soon.

0reactions

aaronmcadamcommented, Sep 27, 2019

Thanks for this!

Top Results From Across the Web

Tooltip - Chakra UI

If the children of Tooltip is a string , we wrap with in a span with tabIndex set to 0 , to ensure...

Using chakra-ui ToolTip with a floating button - Stack Overflow

I figured it out. It turns out that instead of creating a forwardRef, I just needed to wrap the button in a span...

React Tooltip component - Material UI - MUI

The Tooltip has 12 placement choices. They don't have directional arrows; instead, they rely on motion emanating from the source to convey direction....

title - HTML: HyperText Markup Language - MDN Web Docs

Use the title attribute on an iframe to clearly identify the content of the iframe to screen readers. Open main menu.

Building a tooltip component - web.dev

A tooltip is shown working across a variety of examples and color ... Authors don't need to make custom elements into web components...