fix issue on portrait mode for keymapping grid debug

Genymobile · Aug 6, 2024 · 226ded4 · 226ded4
1 parent 3414645
commit 226ded4
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/plugins/KeyboardMapping.js b/src/plugins/KeyboardMapping.js
@@ -725,6 +725,7 @@ module.exports = class KeyboardMapping {
             const parentSize = this.instance.videoWrapper.getBoundingClientRect();
             const videoSize = this.instance.video.getBoundingClientRect();
             videoSize.height = videoSize.height - this.instance.coordinateUtils.getTopBorder() * 2;
+            videoSize.width = videoSize.width - this.instance.coordinateUtils.getLeftBorder() * 2;
 
             // div vertical
             Array.from(Array(11).keys()).forEach((val, i) => {
@@ -747,7 +748,7 @@ module.exports = class KeyboardMapping {
                 const div = document.createElement('div');
                 div.style.position = 'absolute';
                 div.style.left = `${0}px`;
-                div.style.top = `${i * (videoSize.height * 0.1) + this.instance.coordinateUtils.getTopBorder()}px`;
+                div.style.top = `${i * (videoSize.height * 0.1) + (parentSize.height - videoSize.height) / 2}px`;
                 div.style.width = '100%';
                 div.style.height = '1px';
                 div.style.background = 'red';