prevent hiding keyboard in ionic 6 & capacitor 4 web view app when holding touch?

[farshidpg]

Hello , I developed a web view app for Android using Ionic 6, Vue 3, and Capacitor 4. I have a button that handles the "hold" event for voice recording, similar to the voice recording feature in WhatsApp and Telegram. note: For the send button and other message compose methods, I have implemented logic to prevent the keyboard from hiding when the user taps the send button or the "more" button to send an image. and it's working good

But, there is a problem with the voice recorder button on Android. When I hold touch my finger on the record button or anywhere of screen inside app , the keyboard is hidden if it was open in the background. I can't prevent the keyboard from hiding when the user holds down the button. How can I fix this? even if there is a way to disable auto show/hide native keyboard I can handle open/hide keyboard manually and I think with manually open/hide keyboard in app I can handle my problem

Note : I test this ways :

Set varibale for save keyboard status ( is show / is hide ) and its just work for click / tap outside the input and that handled and i don’t have problem with click/tap / inout focusout .

I set the timeout and event.preventDefault() on hold method but not working

I add -user-select :none; in my css for prevent show context menu on hold event on my android web view app

I think my problem is in the native android events where my web view is loading on empty app with just browser tap ( its the method of web view working ) , because the hold event in anywhere of my app always firing even I prevent it with all ways amd method in Javascript , the holding event fire !

And I think I should find a way to disable native hold event in android app that my web view loaded on that .

I don't have any error just I want avoid the hiding keyboard when I touch and hold on the screen.

Thank you

stackoverflow:

https://stackoverflow.com/questions/75515429