From bab918f049dd42f53eebc241ad27607ca63cc57b Mon Sep 17 00:00:00 2001
From: Andray <light.and.ray@gmail.com>
Date: Fri, 23 Feb 2024 18:34:24 +0400
Subject: [PATCH 1/3] fix resize-handle for vertical layout

---
 javascript/resizeHandle.js | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/javascript/resizeHandle.js b/javascript/resizeHandle.js
index f22aa51d..a3164b4f 100644
--- a/javascript/resizeHandle.js
+++ b/javascript/resizeHandle.js
@@ -23,12 +23,14 @@
     function displayResizeHandle(parent) {
         if (window.innerWidth < GRADIO_MIN_WIDTH * 2 + PAD * 4) {
             parent.style.display = 'flex';
+            parent.querySelector('.resize-handle').style.display = "none";
             if (R.handle != null) {
                 R.handle.style.opacity = '0';
             }
             return false;
         } else {
             parent.style.display = 'grid';
+            parent.querySelector('.resize-handle').style.display = 'block';
             if (R.handle != null) {
                 R.handle.style.opacity = '100';
             }

From 3a99824638027ff84cf6c4af3421741cc091e617 Mon Sep 17 00:00:00 2001
From: Andray <light.and.ray@gmail.com>
Date: Fri, 23 Feb 2024 20:26:56 +0400
Subject: [PATCH 2/3] register_tmp_file also with mtime

---
 modules/ui_tempdir.py | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/modules/ui_tempdir.py b/modules/ui_tempdir.py
index 621ed1ec..ecd6bdec 100644
--- a/modules/ui_tempdir.py
+++ b/modules/ui_tempdir.py
@@ -35,7 +35,9 @@ def save_pil_to_file(self, pil_image, dir=None, format="png"):
     already_saved_as = getattr(pil_image, 'already_saved_as', None)
     if already_saved_as and os.path.isfile(already_saved_as):
         register_tmp_file(shared.demo, already_saved_as)
-        return f'{already_saved_as}?{os.path.getmtime(already_saved_as)}'
+        filename_with_mtime = f'{already_saved_as}?{os.path.getmtime(already_saved_as)}'
+        register_tmp_file(shared.demo, filename_with_mtime)
+        return filename_with_mtime
 
     if shared.opts.temp_dir != "":
         dir = shared.opts.temp_dir

From 6e6cc2922d39fff4029d47c316c22a1c152680ce Mon Sep 17 00:00:00 2001
From: Andray <light.and.ray@gmail.com>
Date: Mon, 26 Feb 2024 13:37:29 +0400
Subject: [PATCH 3/3] fix resize handle

---
 javascript/resizeHandle.js | 12 +++---------
 1 file changed, 3 insertions(+), 9 deletions(-)

diff --git a/javascript/resizeHandle.js b/javascript/resizeHandle.js
index a3164b4f..ce67ca67 100644
--- a/javascript/resizeHandle.js
+++ b/javascript/resizeHandle.js
@@ -23,17 +23,11 @@
     function displayResizeHandle(parent) {
         if (window.innerWidth < GRADIO_MIN_WIDTH * 2 + PAD * 4) {
             parent.style.display = 'flex';
-            parent.querySelector('.resize-handle').style.display = "none";
-            if (R.handle != null) {
-                R.handle.style.opacity = '0';
-            }
+            parent.resizeHandle.style.display = "none";
             return false;
         } else {
             parent.style.display = 'grid';
-            parent.querySelector('.resize-handle').style.display = 'block';
-            if (R.handle != null) {
-                R.handle.style.opacity = '100';
-            }
+            parent.resizeHandle.style.display = "block";
             return true;
         }
     }
@@ -66,6 +60,7 @@
         const resizeHandle = document.createElement('div');
         resizeHandle.classList.add('resize-handle');
         parent.insertBefore(resizeHandle, rightCol);
+        parent.resizeHandle = resizeHandle;
 
         ['mousedown', 'touchstart'].forEach((eventType) => {
             resizeHandle.addEventListener(eventType, (evt) => {
@@ -83,7 +78,6 @@
                 R.tracking = true;
                 R.parent = parent;
                 R.parentWidth = parent.offsetWidth;
-                R.handle = resizeHandle;
                 R.leftCol = leftCol;
                 R.leftColStartWidth = leftCol.offsetWidth;
                 if (eventType.startsWith('mouse')) {