question-mark
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.

Add support for always showing a tooltip

See original GitHub issue

Which package is this issue related to?

ffe-form-react

Describe your issue (screenshots welcome!)

I’ve been getting several designs lately where the input-group is rendered with an always visible non-toggleable tooltip

image

It would be nice to have support for this out of the box so I can use the already existing tooltip prop instead of rendering my own helptext. This would help make sure these stay visiually consistent with the toggleable ones.

For reference, this is what the current ones look like

image

I propose adding a new prop, ubiquitousTooltip (no, I’m joking I hate try to spell that word).

Maybe we can call it staticTooltip and have it be a bool? Setting it would simply remove the ❓ box and always show the tooltip.

Issue Analytics

  • State:closed
  • Created 5 years ago
  • Reactions:1
  • Comments:7 (7 by maintainers)

github_iconTop GitHub Comments

2reactions
ivarnicommented, Jun 19, 2018

Or I’ll just rename the prop then, if that makes everyone happy.

0reactions
ivarnicommented, Jun 19, 2018

How about I just add both?

Read more comments on GitHub >

github_iconTop Results From Across the Web

ARIA: tooltip role - Accessibility - MDN Web Docs - Mozilla
A tooltip is a contextual text bubble that displays a description for an element that appears on pointer hover or keyboard focus.
Read more >
Create report tooltip pages in Power BI - Microsoft Learn
Tooltip pages in Power BI let you create rich hover-based tooltips for visuals ... report tooltips always show the cross-highlighted data, ...
Read more >
CSS Tooltip - W3Schools
The tooltiptext class holds the actual tooltip text. It is hidden by default, and will be visible on hover (see below). We have...
Read more >
Tooltip Guidelines - Nielsen Norman Group
Tooltip -Usage Guidelines · 1. Don't use tooltips for information that is vital to task completion. · 3. Support both mouse and keyboard...
Read more >
Add a tooltip to a div - Stack Overflow
On the HTML elements that you want to have the tooltip, just add a title attribute to it. Whatever text is in the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found