correct mass tag edit menu overlap

2026-01-21 22:52:20 -05:00
parent 041a3dbfb4
commit f41acb40f6
2 changed files with 28 additions and 2 deletions
@@ -344,9 +344,18 @@
  function positionAutocomplete() {
    if (!dom.autocomplete || !dom.tagInput) return;
    const rect = dom.tagInput.getBoundingClientRect();
+    const viewportWidth = window.innerWidth;
+    const dropdownWidth = rect.width;
+
+    // Calculate left position, ensuring dropdown doesn't overflow right edge
+    let leftPos = rect.left;
+    if (leftPos + dropdownWidth > viewportWidth - 8) {
+      leftPos = viewportWidth - dropdownWidth - 8;
+    }
+
    dom.autocomplete.style.top = `${rect.bottom + 4}px`;
-    dom.autocomplete.style.left = `${rect.left}px`;
-    dom.autocomplete.style.width = `${rect.width}px`;
+    dom.autocomplete.style.left = `${leftPos}px`;
+    dom.autocomplete.style.width = `${dropdownWidth}px`;
  }

  async function fetchAutocomplete(query) {