From 16e69d8aee09683574fb316a0836a52a46bd9938 Mon Sep 17 00:00:00 2001
From: wukko <me@wukko.me>
Date: Mon, 19 May 2025 22:01:31 +0600
Subject: [PATCH] web/ProcessingQueueItem: fix clear button focusability

it's no longer focusable when popover is hidden, fr this time
---
 web/src/components/queue/ProcessingQueue.svelte | 12 ++++++------
 1 file changed, 6 insertions(+), 6 deletions(-)

diff --git a/web/src/components/queue/ProcessingQueue.svelte b/web/src/components/queue/ProcessingQueue.svelte
index 8a4efa13..4eaf4da1 100644
--- a/web/src/components/queue/ProcessingQueue.svelte
+++ b/web/src/components/queue/ProcessingQueue.svelte
@@ -46,7 +46,7 @@
     });
 </script>
 
-<div id="processing-queue" class:expanded={$queueVisible}>
+<div id="processing-queue">
     <ProcessingStatus
         progress={totalProgress * 100}
         {indeterminate}
@@ -68,7 +68,11 @@
                 />
                 <div class="header-buttons">
                     {#if queue.length}
-                        <button class="clear-button" onclick={clearQueue}>
+                        <button
+                            class="clear-button"
+                            onclick={clearQueue}
+                            tabindex={!$queueVisible ? -1 : undefined}
+                        >
                             <IconX />
                             {$t("button.clear")}
                         </button>
@@ -144,10 +148,6 @@
         outline-offset: 5px;
     }
 
-    #processing-queue:not(.expanded) .header-buttons button {
-        pointer-events: none;
-    }
-
     .header-buttons button :global(svg) {
         height: 16px;
         width: 16px;