Merge pull request #91 from Genymobile/dev/PLAYER-31-fix-wrong-calcul…

…ation-border-with-css-scale-rule [PLAYER-31] fix wrong calculation border with css scale rule
Genymobile · Aug 7, 2024 · 3c0e4de · 3c0e4de
2 parents 236bc8f + 9ea4dc6
commit 3c0e4de
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) => {