nodebb-plugin-pdf-secure 1.2.22 → 1.2.23

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "nodebb-plugin-pdf-secure",
-  "version": "1.2.22",
+  "version": "1.2.23",
   "description": "Secure PDF viewer plugin for NodeBB - prevents downloading, enables canvas-only rendering with Premium group support",
   "main": "library.js",
   "repository": {

package/static/viewer.html

@@ -1187,7 +1187,7 @@
             height: calc(var(--bottom-bar-height) + var(--safe-area-bottom));
             background: var(--bg-secondary);
             border-top: 1px solid var(--border-color);
-            z-index: 100;
+            z-index: 260; /* Above backdrop (250) so dropdowns inside are clickable */
             padding: 0 8px;
             padding-bottom: var(--safe-area-bottom);
             /* Flex layout: scrollable tools + fixed fullscreen button */
@@ -1381,13 +1381,15 @@
         /* ==========================================
            FULLSCREEN STATE (simulated fullscreen on mobile)
            ========================================== */
-        /* Ensure bottom toolbar is visible and viewer container makes room for it */
-        body.viewer-fullscreen #bottomToolbar {
-            display: flex;
-        }
+        /* Ensure bottom toolbar + viewerContainer adjust in fullscreen on mobile/tablet only */
+        @media (max-width: 1024px) {
+            body.viewer-fullscreen #bottomToolbar {
+                display: flex;
+            }
 
-        body.viewer-fullscreen #viewerContainer {
-            bottom: calc(var(--bottom-bar-height) + var(--safe-area-bottom));
+            body.viewer-fullscreen #viewerContainer {
+                bottom: calc(var(--bottom-bar-height) + var(--safe-area-bottom));
+            }
         }
 
         /* ==========================================
@@ -2658,10 +2660,13 @@
             function closeAllDropdowns() {
                 // Clean up swipe listeners
                 if (swipeAbortController) { swipeAbortController.abort(); swipeAbortController = null; }
-                // Reset inline transform from swipe gesture
+                // Reset inline transform and fixed positioning from dropdown
                 [highlightDropdown, drawDropdown, shapesDropdown, overflowDropdown].forEach(dd => {
                     dd.style.transform = '';
                     dd.style.transition = '';
+                    dd.style.position = '';
+                    dd.style.top = '';
+                    dd.style.left = '';
                 });
                 highlightDropdown.classList.remove('visible');
                 drawDropdown.classList.remove('visible');
@@ -2683,10 +2688,19 @@
                         dropdown.insertBefore(handle, dropdown.firstChild);
                     }
                     dropdown.classList.add('visible');
-                    // Show backdrop on mobile/tablet portrait
                     if (useBottomSheet) {
+                        // Show backdrop on mobile/tablet portrait
                         dropdownBackdrop.classList.add('visible');
                         setupBottomSheetSwipe(dropdown);
+                    } else {
+                        // Desktop/tablet landscape: use fixed positioning to escape toolbar overflow clipping
+                        const wrapper = e.target.closest('.toolbarBtnWithDropdown');
+                        if (wrapper) {
+                            const rect = wrapper.getBoundingClientRect();
+                            dropdown.style.position = 'fixed';
+                            dropdown.style.top = (rect.bottom + 4) + 'px';
+                            dropdown.style.left = rect.left + 'px';
+                        }
                     }
                 }
             }