Join GitHub today
GitHub is home to over 36 million developers working together to host and review code, manage projects, and build software together.Sign up
Frequently Asked Questions
- Why doesn't tooltip show when used on an
Why doesn't tooltip show when used on an
Hint.css (or any tooltip library which is CSS only) works with generated content pseudo elements (:after & :before). These pseudo elements are not supported by all tags. For eg.
select are some tags which cannot have pseudo generated content. This is the reason why tooltips don't work when used on such tags.
Recommended way is to wrap such tags into some other generic
span tag and put the tooltip on those wrapping tags instead. Eg.
<div aria-label="My tooltip" class="hint--top"> <img src="some-image.png"/> </div>
HTML content: Hint.css tooltips cannot have HTML inside them as they are made up of pseudo elements. Though you can still use special entities like unicode characters for tooltip content. Eg.