Skip to content
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

question/feature_request(enhancement): tooltip on click #182

Open
Kristinita opened this issue Oct 9, 2020 · 1 comment
Open

question/feature_request(enhancement): tooltip on click #182

Kristinita opened this issue Oct 9, 2020 · 1 comment

Comments

@Kristinita
Copy link

Kristinita commented Oct 9, 2020

1. Summary

I couldn’t find how I can do tooltip on the click event to an element without jQuery if I use hint.css.

2. Argumentation

2.1. Common cause

Accessibility.

2.2. Details

If the end-user of my site click to some button, it would be nice to tell him that the action has been taken. It’s not good if the end-user doubts whether he did everything right. Also, it’s desirable that the dialog isn’t obtrusive and distracting.

3. Desired behavior

Currently, I use Tooltipster jQuery tooltips library on my site for these purposes. Example, how it works:

Tooltipster

One tooltip by hover, another tooltip by left mouse button click.

Unfortunately, Tooltipster have a big jQuery dependency and doesn’t work with Zepto and cash — lightweight jQuery alternatives.

Can we get the similar behavior for hint.css?

4. Not helped

I couldn’t find how I can get the desired behavior in:

  1. Hint.css description and examples
  2. Google (this example doesn’t work for me)
  3. Issues/pull requests of this repository (and this example also)

Thanks.

@abrahamebij
Copy link

abrahamebij commented Mar 7, 2022

Just download the unminified version of hint.css and open it in your text editor and replace every word that contains "hover" with "focus".

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

No branches or pull requests

2 participants