I can't use the virtual keyboard with translate.kagi.com.
Tested with LibreWolf and Vanadium.
Steps to reproduce:
- Open virtual keyboard overlay.
- Click into text area where the source text is written into.
- Click on letter of virtual keyboard.
- Nothing is typed and focus is lost from input text area.
The console log in Librewolf gives the following logs:
Virtual keyboard button clicked, current state: false 5U3Pdr1E.js:1:2335
Virtual keyboard state after toggle: true 5U3Pdr1E.js:1:2335
FocusManager: Removed autofocus from previous element: BUTTON (no id) 5U3Pdr1E.js:1:2335
FocusManager: Added autofocus to current element: DIV (no id)
<div class="pointer-events-auto abso…-800 dark:ring-white/10" role="dialog" aria-labelledby="virtual-keyboard-title" tabindex="0" style="left: 50px; top: 50px; m…00px; max-width: 800px;" autofocus="true">
5U3Pdr1E.js:1:2335
FocusManager: Removed autofocus from previous element: DIV (no id) 5U3Pdr1E.js:1:2335
FocusManager: Added autofocus to current element: DIV (no id)
<div class="cm-content cm-lineWrapping" style="tab-size: 4;" spellcheck="false" autocorrect="off" autocapitalize="none" writingsuggestions="false" translate="no" contenteditable="true" role="textbox" aria-multiline="true" aria-placeholder="Start typing some text..." dir="auto" autofocus="true">
5U3Pdr1E.js:1:2335
FocusManager: Removed autofocus from previous element: DIV (no id) 5U3Pdr1E.js:1:2335
FocusManager: Added autofocus to current element: BUTTON (no id)
<button class="focus-visible-no-animati…dark:active:bg-zinc-500" type="button" aria-label="Insert خ" autofocus="true">
5U3Pdr1E.js:1:2335
Virtual keyboard key pressed: خ 5U3Pdr1E.js:1:2335
Could not find textarea element for virtual keyboard 5U3Pdr1E.js:1:2335
I can type with the virtual keyboard.
