From dc7630635682a5fc536c81c092eaca3fb78cb328 Mon Sep 17 00:00:00 2001
From: Diego Marcos Segura <diego.marcos@gmail.com>
Date: Thu, 31 Jul 2025 15:52:46 -0700
Subject: [PATCH] Make viewer drop zone to cover the whole page window

---
 examples/viewer/index.html | 11 ++++++-----
 1 file changed, 6 insertions(+), 5 deletions(-)

diff --git a/examples/viewer/index.html b/examples/viewer/index.html
index 70ff242..10ef255 100644
--- a/examples/viewer/index.html
+++ b/examples/viewer/index.html
@@ -230,18 +230,19 @@
     });
 
     // Handle drag and drop files.
-    const dropZoneEl = document.querySelector('.drop-zone');
+    const dropZoneEl = document.querySelector('.container');
+    const dropUIEl = document.querySelector('.drop-zone');
     const onDragover = function (e) {
       e.preventDefault();
-      dropZoneEl.classList.add('dragover');
+      dropUIEl.classList.add('dragover');
     };
     const onDragLeave = function () {
-      dropZoneEl.classList.remove('dragover');
+      dropUIEl.classList.remove('dragover');
     };
     const onDrop = function (e) {
       e.preventDefault();
-      dropZoneEl.classList.remove('dragover');
-      dropZoneEl.classList.add('drop');
+      dropUIEl.classList.remove('dragover');
+      dropUIEl.classList.add('drop');
 
       const files = e.dataTransfer.files;
       if (files.length > 0) {