hint.css icon indicating copy to clipboard operation
hint.css copied to clipboard

question/feature_request(enhancement): tooltip on click

Open Kristinita opened this issue 5 years ago • 1 comments

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.

Kristinita avatar Oct 09 '20 13:10 Kristinita

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

abrahamebij avatar Mar 07 '22 07:03 abrahamebij