primefaces / primevue

Next Generation Vue UI Component Library

Home Page:https://primevue.org

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

InputNumber : tooltip directive not working when set to focus

EvanLrC opened this issue · comments

Describe the bug

The InputNumber component is not working properly with the tooltip directive.

When applying a tooltip directive with the focus mode to an existing InputNumber, the tooltip doesn't show on focus of the InputNumber as it should. This is specific to the InputNumber component, as the tooltip directive is working as intended for the InputText component.

Reproducer

https://stackblitz.com/edit/1ft6dj-tkgf6v?file=src%2FApp.vue

PrimeVue version

3.52.0

Vue version

3.x

Language

TypeScript

Build / Runtime

Vue CLI App

Browser(s)

No response

Steps to reproduce the behavior

  1. Create an InputNumber component on your application.
  2. Add the tooltip directive on your InputNumber with the focus property. For example: v-tooltip.focus="'focus tooltip'".
  3. Click inside the InputNumber to focus it.
  4. The tooltip doesn't show.

Expected behavior

The tooltip should show when focusing the InputNumber.

Same for AutoComplete component.