From 69ecba44cb249525bdd9dbfaed4deb30790ff2e3 Mon Sep 17 00:00:00 2001
From: Romeo Fragomeli <rfr@odoo.com>
Date: Thu, 6 Jul 2023 09:33:53 +0000
Subject: [PATCH] [FIX] web: improve barcode scanner for iOS (Safari)

This commit forces the video element to take all the space available.

Steps to reproduce:
* Open the barcode APP (on iOS device)
* Click on "Tap to scan"
* On iOS the video element doesn't take all space => BUG

closes odoo/odoo#127763

X-original-commit: 29e677ed84c0b7324488cfebf2d44b9247716c54
Signed-off-by: Romain Estievenart (res) <res@odoo.com>
Signed-off-by: Romeo Fragomeli (rfr) <rfr@odoo.com>
---
 addons/web/static/src/webclient/barcode/barcode_scanner.scss | 4 ++++
 addons/web/static/src/webclient/barcode/barcode_scanner.xml  | 2 +-
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/addons/web/static/src/webclient/barcode/barcode_scanner.scss b/addons/web/static/src/webclient/barcode/barcode_scanner.scss
index 0f498292ec3..ce759f62316 100644
--- a/addons/web/static/src/webclient/barcode/barcode_scanner.scss
+++ b/addons/web/static/src/webclient/barcode/barcode_scanner.scss
@@ -3,4 +3,8 @@
     @include media-breakpoint-down(md) {
         padding: 0;
     }
+
+    video {
+        object-fit: cover;
+    }
 }
diff --git a/addons/web/static/src/webclient/barcode/barcode_scanner.xml b/addons/web/static/src/webclient/barcode/barcode_scanner.xml
index 2de6df69a9a..49ef8666d54 100644
--- a/addons/web/static/src/webclient/barcode/barcode_scanner.xml
+++ b/addons/web/static/src/webclient/barcode/barcode_scanner.xml
@@ -3,7 +3,7 @@
     <t t-name="web.BarcodeDialog" owl="1">
         <Dialog title="'Barcode Scanner'" onClosed="props.onClose" fullscreen="true" renderFooter="false" contentClass="'o-barcode-modal'">
             <CropOverlay onResize.bind="this.onResize" isReady="state.isReady">
-                <video t-ref="videoPreview" muted="true" autoplay="true" playsinline="true" class="mw-100 mh-100"/>
+                <video t-ref="videoPreview" muted="true" autoplay="true" playsinline="true" class="w-100 h-100"/>
             </CropOverlay>
         </Dialog>
     </t>