updates to transparency filtering, fixing mass tag edit autocomplete

app/static/js/bulk-select.js

@@ -262,7 +262,15 @@
   // Autocomplete
   // ---------------------------
   function setupAutocomplete() {
-    if (!dom.tagInput || !dom.autocomplete) return;
+    if (!dom.tagInput) return;
+
+    // Move autocomplete dropdown to body to escape transform containing block
+    // (CSS transform on parent creates new stacking context that breaks fixed positioning)
+    if (dom.autocomplete && dom.autocomplete.parentNode !== document.body) {
+      document.body.appendChild(dom.autocomplete);
+    }
+
+    if (!dom.autocomplete) return;
 
     // Show autocomplete on focus
     dom.tagInput.addEventListener('focus', () => {

app/static/style.css

@@ -1509,31 +1509,24 @@ select.form-input optgroup {
 }
 
 /*------------------------------------------------------------------------------
-  Gallery Header Layout
+  Floating Select Button (Gallery)
 ------------------------------------------------------------------------------*/
-.gallery-header {
-  display: flex;
-  justify-content: space-between;
-  align-items: flex-start;
-  flex-wrap: wrap;
-  gap: 1rem;
-  margin-bottom: 1rem;
+.floating-select-btn {
+  position: fixed;
+  top: 0.75rem;
+  right: 1rem;
+  z-index: 1001;
 }
 
-.gallery-header-left {
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
+.floating-select-btn .btn {
+  box-shadow: var(--shadow-2);
 }
 
-.gallery-header-left h1 {
-  margin: 0;
-}
-
-.gallery-header-actions {
-  display: flex;
-  gap: 0.5rem;
-  align-items: center;
+@media (max-width: 640px) {
+  .floating-select-btn {
+    top: 0.5rem;
+    right: 0.5rem;
+  }
 }
 
 /*------------------------------------------------------------------------------
@@ -1723,13 +1716,4 @@ body.select-mode .gallery-item:hover {
   .bulk-editor-panel.active {
     transform: translateY(0);
   }
-
-  .gallery-header {
-    flex-direction: column;
-    align-items: stretch;
-  }
-
-  .gallery-header-actions {
-    justify-content: flex-end;
-  }
 }