From d2ffa8971e2ad024be3a718be186225903c4e20d Mon Sep 17 00:00:00 2001 From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com> Date: Wed, 7 Jan 2026 22:57:30 -0500 Subject: [PATCH] Add after-toggle diagnostics for upload modal --- js/ui/components/UploadModal.js | 19 +++++++++++++++---- 1 file changed, 15 insertions(+), 4 deletions(-) diff --git a/js/ui/components/UploadModal.js b/js/ui/components/UploadModal.js index f712201f..8d559a6a 100644 --- a/js/ui/components/UploadModal.js +++ b/js/ui/components/UploadModal.js @@ -485,13 +485,13 @@ export class UploadModal { if (!toggleButton || !container) return; const handleToggle = () => { - logger.dev.info("[UploadModal] toggle advanced", { + const wasHidden = container.classList.contains('hidden'); + logger.dev.info("[UploadModal] toggle advanced (before)", { toggleId: toggleButton.id || null, containerId: container.id || null, - isHidden: container.classList.contains('hidden') + isHidden: wasHidden }); - const isHidden = container.classList.contains('hidden'); - if (isHidden) { + if (wasHidden) { container.classList.remove('hidden'); toggleButton.setAttribute('aria-expanded', 'true'); if (toggleButton.querySelector('span')) toggleButton.querySelector('span').textContent = "Hide advanced options"; @@ -502,6 +502,17 @@ export class UploadModal { if (toggleButton.querySelector('span')) toggleButton.querySelector('span').textContent = "Show advanced options"; if (icon) icon.classList.remove('rotate-90'); } + const computedDisplay = + typeof window !== "undefined" && window.getComputedStyle + ? window.getComputedStyle(container).display + : null; + logger.dev.info("[UploadModal] toggle advanced (after)", { + toggleId: toggleButton.id || null, + containerId: container.id || null, + isHidden: container.classList.contains('hidden'), + computedDisplay, + offsetParent: container.offsetParent ? "visible" : "hidden" + }); }; toggleButton.addEventListener('click', handleToggle);