primevue icon indicating copy to clipboard operation
primevue copied to clipboard

Tooltip directive: Custom triggers (Click etc.)

Open ashish369dev opened this issue 2 years ago • 2 comments

Describe the feature you would like to see added

We would like to have option for custom event to trigger tooltip such as click, hover etc.

Is your feature request related to a problem?

No response

Describe the solution you'd like

No response

Describe alternatives you have considered

No response

Additional context

No response

ashish369dev avatar Sep 07 '23 09:09 ashish369dev

As noted in other issues that were closed with no resolution, tooltips must be able to be triggered by both hover and focus. This should be the default behavior. Currently, tooltips respond to only one or the other.

helenezspeer avatar Jan 17 '24 20:01 helenezspeer

<div v-tooltip.focus.top="{ value: 'click to copy' }" tabindex="0" class="cursor-pointer" @click="copy(text)">
    <slot />
  </div>

Although the tabindex method above can work, the overall usage experience is not very convenient.

leosin avatar May 27 '24 14:05 leosin

no update yet! , the solution is great but the tooltip still remain visible. Auto hide after duration may be fix for it.

Although the `tabindex` method above can work, the overall usage experience is not very convenient.

micodev avatar Feb 01 '25 18:02 micodev