From b663ee2cff6831354e1b5326800c8d1bf300cafe Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Thu, 5 Jan 2023 00:36:10 +0300
Subject: fix fullscreen view showing wrong image on firefox

---
 javascript/imageviewer.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'javascript/imageviewer.js')

diff --git a/javascript/imageviewer.js b/javascript/imageviewer.js
index 67916536..97f56c07 100644
--- a/javascript/imageviewer.js
+++ b/javascript/imageviewer.js
@@ -148,7 +148,7 @@ function showGalleryImage() {
                 if(e && e.parentElement.tagName == 'DIV'){
                     e.style.cursor='pointer'
                     e.style.userSelect='none'
-                    e.addEventListener('click', function (evt) {
+                    e.addEventListener('mousedown', function (evt) {
                         if(!opts.js_modal_lightbox) return;
                         modalZoomSet(gradioApp().getElementById('modalImage'), opts.js_modal_lightbox_initially_zoomed)
                         showModal(evt)
-- 
cgit v1.2.3


From 5f4fa942b8ec3ed3b15a352903489d6f9e6eb46e Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Thu, 5 Jan 2023 02:38:52 +0300
Subject: do not show full window image preview when right mouse button is used

---
 javascript/imageviewer.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

(limited to 'javascript/imageviewer.js')

diff --git a/javascript/imageviewer.js b/javascript/imageviewer.js
index 97f56c07..b7bc2fe1 100644
--- a/javascript/imageviewer.js
+++ b/javascript/imageviewer.js
@@ -149,7 +149,7 @@ function showGalleryImage() {
                     e.style.cursor='pointer'
                     e.style.userSelect='none'
                     e.addEventListener('mousedown', function (evt) {
-                        if(!opts.js_modal_lightbox) return;
+                        if(!opts.js_modal_lightbox || evt.button != 0) return;
                         modalZoomSet(gradioApp().getElementById('modalImage'), opts.js_modal_lightbox_initially_zoomed)
                         showModal(evt)
                     }, true);
-- 
cgit v1.2.3


From b202714b65aa2145ff965ed4f197ac1516093f34 Mon Sep 17 00:00:00 2001
From: Alexey Shirokov <40300551+demiurge-ash@users.noreply.github.com>
Date: Wed, 11 Jan 2023 11:41:50 +0300
Subject: Fix keyboard navigation in modal image viewer

---
 javascript/imageviewer.js | 1 +
 1 file changed, 1 insertion(+)

(limited to 'javascript/imageviewer.js')

diff --git a/javascript/imageviewer.js b/javascript/imageviewer.js
index b7bc2fe1..1f29ad7b 100644
--- a/javascript/imageviewer.js
+++ b/javascript/imageviewer.js
@@ -151,6 +151,7 @@ function showGalleryImage() {
                     e.addEventListener('mousedown', function (evt) {
                         if(!opts.js_modal_lightbox || evt.button != 0) return;
                         modalZoomSet(gradioApp().getElementById('modalImage'), opts.js_modal_lightbox_initially_zoomed)
+                        evt.preventDefault()
                         showModal(evt)
                     }, true);
                 }
-- 
cgit v1.2.3


From 0c5913b9c28017523011ac6bf83b38ed5de8c11f Mon Sep 17 00:00:00 2001
From: AUTOMATIC <16777216c@gmail.com>
Date: Wed, 18 Jan 2023 14:14:50 +0300
Subject: re-enable image dragging on non-firefox browsers

---
 javascript/imageviewer.js | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

(limited to 'javascript/imageviewer.js')

diff --git a/javascript/imageviewer.js b/javascript/imageviewer.js
index 1f29ad7b..aac2ee82 100644
--- a/javascript/imageviewer.js
+++ b/javascript/imageviewer.js
@@ -148,7 +148,15 @@ function showGalleryImage() {
                 if(e && e.parentElement.tagName == 'DIV'){
                     e.style.cursor='pointer'
                     e.style.userSelect='none'
-                    e.addEventListener('mousedown', function (evt) {
+
+                    var isFirefox = isFirefox = navigator.userAgent.toLowerCase().indexOf('firefox') > -1
+
+                    // For Firefox, listening on click first switched to next image then shows the lightbox.
+                    // If you know how to fix this without switching to mousedown event, please.
+                    // For other browsers the event is click to make it possiblr to drag picture.
+                    var event = isFirefox ? 'mousedown' : 'click'
+
+                    e.addEventListener(event, function (evt) {
                         if(!opts.js_modal_lightbox || evt.button != 0) return;
                         modalZoomSet(gradioApp().getElementById('modalImage'), opts.js_modal_lightbox_initially_zoomed)
                         evt.preventDefault()
-- 
cgit v1.2.3