From 88afe21f1cad2f574ba2eed0bd66c5e6174d54fd Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Thu, 18 Dec 2025 12:28:02 +0800
Subject: [PATCH 1/3] feat: redesign backdrop function

---
 .../BootstrapBlazor.PdfReader/PdfReader.razor |  2 +-
 .../PdfReader.razor.js                        | 10 ++++++++++
 .../wwwroot/css/pdf_reader.css                | 20 +++++++++++--------
 3 files changed, 23 insertions(+), 9 deletions(-)

diff --git a/src/components/BootstrapBlazor.PdfReader/PdfReader.razor b/src/components/BootstrapBlazor.PdfReader/PdfReader.razor
index 63b70f3f..1af84727 100644
--- a/src/components/BootstrapBlazor.PdfReader/PdfReader.razor
+++ b/src/components/BootstrapBlazor.PdfReader/PdfReader.razor
@@ -101,8 +101,8 @@
             </div>
         </div>
     </div>
+    <div class="bb-view-pdf-backdrop invisible"></div>
     <div class="bb-view-pdf-info invisible">
-        <div class="bb-view-pdf-backdrop"></div>
         <div class="bb-view-pdf-dialog">
             <div class="bb-view-pdf-dialog-title mb-3">@Localizer["DocumentProperties"]</div>
             <div class="bb-view-pdf-dialog-item">
diff --git a/src/components/BootstrapBlazor.PdfReader/PdfReader.razor.js b/src/components/BootstrapBlazor.PdfReader/PdfReader.razor.js
index 4bb1ff33..8bd0c359 100644
--- a/src/components/BootstrapBlazor.PdfReader/PdfReader.razor.js
+++ b/src/components/BootstrapBlazor.PdfReader/PdfReader.razor.js
@@ -566,6 +566,11 @@ const addToolbarEventHandlers = (el, pdfViewer, invoke, options) => {
         if (dialog) {
             dialog.classList.add("show");
         }
+
+        const backdrop = el.querySelector(".bb-view-pdf-backdrop");
+        if (backdrop) {
+            backdrop.classList.add("show");
+        }
     });
 
     const closeButton = el.querySelector(".btn-close-doc");
@@ -574,6 +579,11 @@ const addToolbarEventHandlers = (el, pdfViewer, invoke, options) => {
         if (dialog) {
             dialog.classList.remove("show");
         }
+
+        const backdrop = el.querySelector(".bb-view-pdf-backdrop");
+        if (backdrop) {
+            backdrop.classList.remove("show");
+        }
     });
 }
 
diff --git a/src/components/BootstrapBlazor.PdfReader/wwwroot/css/pdf_reader.css b/src/components/BootstrapBlazor.PdfReader/wwwroot/css/pdf_reader.css
index 6e6065de..460b19cf 100644
--- a/src/components/BootstrapBlazor.PdfReader/wwwroot/css/pdf_reader.css
+++ b/src/components/BootstrapBlazor.PdfReader/wwwroot/css/pdf_reader.css
@@ -237,6 +237,18 @@
     inset: 0;
 }
 
+.bb-view-pdf-backdrop {
+    position: absolute;
+    inset: 0;
+    background-color: #000;
+    opacity: 0.6;
+    z-index: 1;
+}
+
+    .bb-view-pdf-backdrop:not(.show) {
+        display: none;
+    }
+
 .bb-view-pdf-info {
     position: absolute;
     inset: 0;
@@ -250,14 +262,6 @@
         display: none;
     }
 
-.bb-view-pdf-backdrop {
-    position: absolute;
-    inset: 0;
-    background-color: #000;
-    opacity: 0.6;
-    z-index: 1;
-}
-
 .bb-view-pdf-dialog {
     background-color: #fff;
     padding: 1rem;

From eee34f47604becba50af460c9341bff148cf2c73 Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Thu, 18 Dec 2025 12:54:36 +0800
Subject: [PATCH 2/3] =?UTF-8?q?refactor:=20=E7=A7=BB=E9=99=A4=E5=BC=82?=
 =?UTF-8?q?=E6=AD=A5=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../PdfReader.razor.js                        | 51 ++++++++++---------
 1 file changed, 26 insertions(+), 25 deletions(-)

diff --git a/src/components/BootstrapBlazor.PdfReader/PdfReader.razor.js b/src/components/BootstrapBlazor.PdfReader/PdfReader.razor.js
index 8bd0c359..c6dc9f7e 100644
--- a/src/components/BootstrapBlazor.PdfReader/PdfReader.razor.js
+++ b/src/components/BootstrapBlazor.PdfReader/PdfReader.razor.js
@@ -527,7 +527,7 @@ const addToolbarEventHandlers = (el, pdfViewer, invoke, options) => {
         rotateView(pdfViewer, 90);
     });
     EventHandler.on(toolbar, "click", ".bb-view-print", async e => {
-        await printPdf(el, options);
+        printPdf(el, options);
         await invoke.invokeMethodAsync("Printing");
     })
     EventHandler.on(toolbar, "click", ".dropdown-item-pages", async e => {
@@ -540,7 +540,7 @@ const addToolbarEventHandlers = (el, pdfViewer, invoke, options) => {
             pdfViewer.spreadMode = 0;
         }
     });
-    EventHandler.on(toolbar, "click", ".bb-view-download", async e => {
+    EventHandler.on(toolbar, "click", ".bb-view-download", e => {
         let fileName = el.getAttribute('data-bb-download');
         if (fileName === null) {
             const docTitle = el.querySelector('.bb-view-subject');
@@ -548,7 +548,7 @@ const addToolbarEventHandlers = (el, pdfViewer, invoke, options) => {
                 fileName = docTitle.textContent;
             }
         }
-        await downloadPdf(options, fileName);
+        downloadPdf(options, fileName);
     });
 
     EventHandler.on(toolbar, "click", ".dropdown-item-presentation", async e => {
@@ -562,15 +562,12 @@ const addToolbarEventHandlers = (el, pdfViewer, invoke, options) => {
         //}
     });
     EventHandler.on(toolbar, "click", ".dropdown-item-doc", e => {
+        showBackdrop(el);
+
         const dialog = el.querySelector(".bb-view-pdf-info");
         if (dialog) {
             dialog.classList.add("show");
         }
-
-        const backdrop = el.querySelector(".bb-view-pdf-backdrop");
-        if (backdrop) {
-            backdrop.classList.add("show");
-        }
     });
 
     const closeButton = el.querySelector(".btn-close-doc");
@@ -580,29 +577,22 @@ const addToolbarEventHandlers = (el, pdfViewer, invoke, options) => {
             dialog.classList.remove("show");
         }
 
-        const backdrop = el.querySelector(".bb-view-pdf-backdrop");
-        if (backdrop) {
-            backdrop.classList.remove("show");
-        }
+        hideBackdrop(el);
     });
 }
 
-const downloadPdf = async (options, fileName) => {
+const downloadPdf = (options, fileName) => {
     if (fileName === null) {
         fileName = "download.pdf";
     }
 
-    await getPdfUrl(options, url => {
+    getPdfUrl(options, url => {
         const anchorElement = document.createElement('a');
         anchorElement.href = url;
         anchorElement.download = fileName;
         document.body.appendChild(anchorElement);
         anchorElement.click();
         document.body.removeChild(anchorElement);
-
-        return new Promise((resolve, reject) => {
-            resolve();
-        });
     });
 }
 
@@ -771,7 +761,7 @@ const makeThumb = async page => {
     return canvas;
 }
 
-const printPdf = async (el, options) => {
+const printPdf = (el, options) => {
     let iframe = el.querySelector(".bb-view-print-iframe");
     if (iframe === null) {
         iframe = document.createElement("iframe");
@@ -782,26 +772,37 @@ const printPdf = async (el, options) => {
         el.appendChild(iframe);
     }
 
-    await getPdfUrl(options, url => {
+    getPdfUrl(options, url => {
         iframe.src = url;
         iframe.onload = () => {
             iframe.contentWindow.focus();
             iframe.contentWindow.print();
         };
-        return new Promise((resolve, reject) => {
-            resolve();
-        });
     });
 }
 
-const getPdfUrl = async (options, callback) => {
+const showBackdrop = el => {
+    const backdrop = el.querySelector('.bb-view-pdf-backdrop');
+    if (backdrop) {
+        backdrop.classList.add('show');
+    }
+}
+
+const hideBackdrop = el => {
+    const backdrop = el.querySelector('.bb-view-pdf-backdrop');
+    if (backdrop) {
+        backdrop.classList.remove('show');
+    }
+}
+
+const getPdfUrl = (options, callback) => {
     if (options.url) {
         callback(options.url);
     }
     else if (options.data) {
         const blob = new Blob([options.data], { type: 'application/pdf' });
         var url = window.URL.createObjectURL(blob);
-        await callback(url);
+        callback(url);
         window.URL.revokeObjectURL(url);
     }
 }

From c65e80c0952d2a9769d89f5a3ab0e210e5e9f86c Mon Sep 17 00:00:00 2001
From: Argo Zhang <argo@live.ca>
Date: Thu, 18 Dec 2025 12:55:30 +0800
Subject: [PATCH 3/3] chore: bump version 10.0.22

---
 .../BootstrapBlazor.PdfReader/BootstrapBlazor.PdfReader.csproj  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/BootstrapBlazor.PdfReader/BootstrapBlazor.PdfReader.csproj b/src/components/BootstrapBlazor.PdfReader/BootstrapBlazor.PdfReader.csproj
index 2b388319..422edb2a 100644
--- a/src/components/BootstrapBlazor.PdfReader/BootstrapBlazor.PdfReader.csproj
+++ b/src/components/BootstrapBlazor.PdfReader/BootstrapBlazor.PdfReader.csproj
@@ -1,7 +1,7 @@
 <Project Sdk="Microsoft.NET.Sdk.Razor">
 
   <PropertyGroup>
-    <Version>10.0.21</Version>
+    <Version>10.0.22</Version>
   </PropertyGroup>
 
   <PropertyGroup>