Use the correct isomorphic coordinates on virtual QWERTY

ref #452

CHANGELOG.md

@@ -2,6 +2,7 @@
 
 ## (UNRELEASED)
  * Documentation: Move changelog to a dedicated file [#556](https://github.com/xenharmonic-devs/scale-workshop/issues/556)
+ * Bug fix: Fix the bottom row of virtual QWERTY being offset by one [#452](https://github.com/xenharmonic-devs/scale-workshop/issues/452)
 
 ## 2.3.6
  * Feature: Be more informative about why vals or commas do not span a rank-2 temperament [#540](https://github.com/xenharmonic-devs/scale-workshop/issues/540)

src/components/VirtualTypingKeyboard.vue

@@ -2,7 +2,7 @@
 import { computed, onMounted, onUnmounted, reactive, ref } from 'vue'
 import { mmod } from 'xen-dev-utils'
 import type { Keyboard, CoordinateKeyboardEvent } from 'isomorphic-qwerty'
-import { CODES_LAYER_1 } from 'isomorphic-qwerty'
+import { CODES_LAYER_1, COORDS_BY_CODE } from 'isomorphic-qwerty'
 import { LEFT_MOUSE_BTN } from '@/constants'
 
 /** Unimplemented features:
@@ -78,7 +78,8 @@ const rows = computed(() => {
       }
       let index
       if (props.keyboardMode === 'isomorphic') {
-        index = base + i * horizontal + (2 - j) * vertical
+        const [x, y] = COORDS_BY_CODE.get(code)!
+        index = base + x * horizontal + (2 - y) * vertical
       } else {
         index = mapping!.get(code)
       }