1
    2
    3
    4
    5
    6
    7
    8
    9
   10
   11
   12
   13
   14
   15
   16
   17
   18
   19
   20
   21
   22
   23
   24
   25
   26
   27
   28
   29
   30
   31
   32
   33
   34
   35
   36
   37
   38
   39
   40
   41

content / test / data / virtual-keyboard.html [blame]

<html>
<head>
</head>
<body>
    <textarea id='txt1'
              virtualkeyboardpolicy='manual'
              onfocusin='FocusIn1()'
              onkeydown='HideVKCalled()'></textarea>
    <textarea id='txt2'
              virtualkeyboardpolicy='manual'
              onfocusin='FocusIn1()'
              onkeydown='HideVKCalled()'></textarea>
    <textarea id='txt3' virtualkeyboardpolicy='auto'></textarea>
    <textarea id='txt4' virtualkeyboardpolicy='auto'></textarea>
    <script>
      txt4.focus();
      let elemRect1 = txt1.getBoundingClientRect();
      let elemRect2 = txt2.getBoundingClientRect();
      let elemRect3 = txt3.getBoundingClientRect();
      let elemRect4 = txt4.getBoundingClientRect();
      let VKRect = navigator.virtualKeyboard.boundingRect, numEvents = 0;
      navigator.virtualKeyboard.overlaysContent = true;
      const editContext = new EditContext();
      txt2.editContext = editContext;
      editContext.inputPanelPolicy = "manual";

      navigator.virtualKeyboard.addEventListener('geometrychange',
       evt => {
         numEvents++;
         VKRect = navigator.virtualKeyboard.boundingRect
       }, false);

      function FocusIn1() {
         navigator.virtualKeyboard.show();
      }
      function HideVKCalled() {
         navigator.virtualKeyboard.hide();
      }
    </script>
  </body>
</html>