From f6aac4c65a681383616f6e72e3865002600f476f Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Sun, 15 Jan 2023 20:20:29 +0300
Subject: [PATCH] eliminate flicker for live previews

---
 javascript/progressbar.js | 14 +++++++-------
 style.css                 |  1 +
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/javascript/progressbar.js b/javascript/progressbar.js
index b7524ef7..8f22c018 100644
--- a/javascript/progressbar.js
+++ b/javascript/progressbar.js
@@ -184,15 +184,15 @@ function requestProgress(id_task, progressbarContainer, gallery, atEnd, onProgre
 
 
             if(res.live_preview){
+
+                var rect = gallery.getBoundingClientRect()
+                if(rect.width){
+                    livePreview.style.width = rect.width + "px"
+                    livePreview.style.height = rect.height + "px"
+                }
+
                 var img = new Image();
                 img.onload = function() {
-                    var rect = gallery.getBoundingClientRect()
-                    if(rect.width){
-                        livePreview.style.width = rect.width + "px"
-                        livePreview.style.height = rect.height + "px"
-                    }
-
-                    livePreview.innerHTML = ''
                     livePreview.appendChild(img)
                     if(livePreview.childElementCount > 2){
                         livePreview.removeChild(livePreview.firstElementChild)
diff --git a/style.css b/style.css
index 786b71d1..5bf1c6f9 100644
--- a/style.css
+++ b/style.css
@@ -338,6 +338,7 @@ input[type="range"]{
 }
 
 .livePreview img{
+    position: absolute;
     object-fit: contain;
     width: 100%;
     height: 100%;