JSFiddle - React, Tailwind, and code Playground

by pedro_g_s

HTML

<p>
Click me and use non-latin virtual keyboard!
</p>
<input id="input" virtualkeyboardpolicy="manual"/>

JavaScript

const input = document.getElementById("input");
input.focus();
input.onclick = () => {
	  if ("virtualKeyboard" in navigator) {
    console.log("Showing virtual keyboard");
    navigator.virtualKeyboard.show();
  }
};