primevue
primevue copied to clipboard
Tooltip: Clicking on target on touch supported device should toggle tooltip, not only close it.
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
- Either always handle
onClick
to be toggling tooltip when device supports touch - 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.
Hi, I have a UX issue with tooltips on mobile : how can I disable primevue tooltip on mobile ? using Nuxt3 by the way
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.
Any input on when/if this feature is on the way?
any updates maybe? I need tooltips to be triggered on tap AND hover as well
Hello, Is this feature on the way ? Thanks
Any update in v4??
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
.