Tooltips closed on window resize after system keyboard appears on mobile devices #1318
Labels
Type: Bug
Issue contains a bug related to a specific component. Something about the component is not working
Milestone
I'm submitting a ... (check one with "x")
CodeSandbox Case (Bug Reports)
https://codesandbox.io/embed/compassionate-elbakyan-hz6r5?module=/src/App.vue
Current behavior
On a real mobile device, all tooltips (with and without
.focus
) are hiding by clicking on the field to which they are attached (because of system keyboard, that appears on screen and resizes the browser window, which leads to hiding of tooltips).You can see the showcase of current behavior here: https://youtu.be/BXO5SdjP_mY (32 seconds video)
Expected behavior
Tooltip must not be closed completly on mobile devices.
Minimal reproduction of the problem with instructions
Create , add tooltip to it, then open on real mobile device
What is the motivation / use case for changing the behavior?
In some Inputs/Buttons, for better user experience, it is nice to show some hints. Not only on Desktop, but on mobile devices too.
Please tell us about your environment:
Windows
VSCode
npm
HTTP server - run project via
npm run serve
(vue-cli-service serve
)Vue version:
3.0.11
PrimeVue version:
3.4.0
Browser:
All mobile browsers i think.
In my showcase (youtube showcase video mentioned above) i use Chrome/86.0.4240.114 on Android
Also, i want to link some closed related issues in PrimeVue:
The text was updated successfully, but these errors were encountered: