JSFiddle - React, Tailwind, and code Playground

by pedro_g_s

HTML

<div
  contenteditable
  virtualkeyboardpolicy="manual"
  inputmode="text"
  ondblclick="navigator.virtualKeyboard.show();"
>
  Double-click to show.
</div>
<div
  contenteditable
  virtualkeyboardpolicy="manual"
  inputmode="text"
  ondblclick="console.log(`click hide`);"
>
  Double-click to hide.
</div>

JavaScript

navigator.virtualKeyboard.overlaysContent = true;