fix wrong calculation for keymapping grid with css scale transform rules

Genymobile · Aug 7, 2024 · 9ea4dc6 · 9ea4dc6
1 parent 236bc8f
commit 9ea4dc6
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/plugins/KeyboardMapping.js b/src/plugins/KeyboardMapping.js
@@ -724,7 +724,14 @@ module.exports = class KeyboardMapping {
         if (isActive) {
             const parentSize = this.instance.videoWrapper.getBoundingClientRect();
             const videoSize = this.instance.video.getBoundingClientRect();
-            videoSize.height = videoSize.height - this.instance.coordinateUtils.getTopBorder() * 2;
+
+            if (!this.instance.coordinateUtils.hasLeftAndRightBorders()) {
+                // landscape: border top
+                videoSize.height = (this.instance.video.videoHeight / this.instance.video.videoWidth) * videoSize.width;
+            } else {
+                // portrait: border left
+                videoSize.width = (this.instance.video.videoWidth / this.instance.video.videoHeight) * videoSize.height;
+            }
 
             // div vertical
             Array.from(Array(11).keys()).forEach((val, i) => {