From a9c0b4afbfa73aa533999376378df7291de90ff5 Mon Sep 17 00:00:00 2001
From: Tamara Steinwender <tamara.steinwender@tugraz.at>
Date: Mon, 12 Oct 2020 10:56:52 +0200
Subject: [PATCH] Add smooth scroll to behavior for QR code scanner
---
packages/qr-code-scanner/src/qr-code-scanner.js | 2 ++
1 file changed, 2 insertions(+)
diff --git a/packages/qr-code-scanner/src/qr-code-scanner.js b/packages/qr-code-scanner/src/qr-code-scanner.js
index 193c7d1a..7a565846 100644
--- a/packages/qr-code-scanner/src/qr-code-scanner.js
+++ b/packages/qr-code-scanner/src/qr-code-scanner.js
@@ -169,6 +169,7 @@ export class QrCodeScanner extends ScopedElementsMixin(DBPLitElement) {
let outputContainer = this._("#output");
let outputMessage = this._("#outputMessage");
let outputData = this._("#outputData");
+ let qrContainer = this._("#qr");
let color = this.scanIsOk ? getComputedStyle(this)
.getPropertyValue('--dbp-success-bg-color') : getComputedStyle(this)
@@ -201,6 +202,7 @@ export class QrCodeScanner extends ScopedElementsMixin(DBPLitElement) {
video.setAttribute("playsinline", true); // required to tell iOS safari we don't want fullscreen
video.play();
that.videoRunning = true;
+ qrContainer.scrollIntoView({ behavior: 'smooth', block: 'start' });
requestAnimationFrame(tick);
}).catch((e) => { console.log(e); that.askPermission = true;});
--
GitLab