primevue icon indicating copy to clipboard operation
primevue copied to clipboard

Tooltip: Clicking on target on touch supported device should toggle tooltip, not only close it.

Open Magiczne opened this issue 2 years ago • 9 comments

Describe the feature you would like to see added

Ability to view tooltips on mobile

Is your feature request related to a problem?

Using tooltip on non-form elements is currently problematic when user views the site on mobile device. There is no way

Describe the solution you'd like

  1. Either always handle onClick to be toggling tooltip when device supports touch
  2. Add new modifier clickable to override this behavior.

Describe alternatives you have considered

No response

Additional context

@bahadirsofuoglu - I could probably implement this, but let me know which of the proposed solutions looks better, or maybe there is another one.

Magiczne avatar Jan 23 '23 08:01 Magiczne

Hi, I have a UX issue with tooltips on mobile : how can I disable primevue tooltip on mobile ? using Nuxt3 by the way

breizhwave avatar Jan 25 '23 10:01 breizhwave

I think what we need is for tooltips to be triggered on tap AND hover (not just one or the other). Currently tooltips don't work on touch devices, unless you use the focus modifier, along with tabindex. But this means you can't do hover on non-touch devices.

Original bug was logged here and closed as fixed, but it does not actually provide a "universal" solution as described above.

omzy avatar Nov 22 '23 12:11 omzy

Any input on when/if this feature is on the way?

johansakbas avatar Feb 01 '24 16:02 johansakbas

any updates maybe? I need tooltips to be triggered on tap AND hover as well

ikasianiuk avatar Apr 18 '24 20:04 ikasianiuk

Hello, Is this feature on the way ? Thanks

botmaster avatar Jun 05 '24 13:06 botmaster

Any update in v4??

FabianMontoya avatar Jul 08 '24 21:07 FabianMontoya

For others that may find this issue before it will be fixed:

Sad to write this but since this is unfixed for so long, and is basically crucial to the accesibility of tooltips, we stopped using tooltips from PrimeVue, as additionaly if you want to show them on focus and on click they are messy and buggy, and you need to hack components into thinking that only one tooltip is active at one time. We're using custom made tooltips powerered by @floating-ui/vue.

Magiczne avatar Aug 05 '24 05:08 Magiczne