From 0d324ed3792bd4dd1b49e6bb6f0e5f9ab34f522c Mon Sep 17 00:00:00 2001
From: Marks Polakovs <marks@markspolakovs.me>
Date: Thu, 18 Mar 2021 09:56:18 +0000
Subject: [PATCH] Defocus library dropdown when adding item

---
 src/showplanner/index.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/src/showplanner/index.tsx b/src/showplanner/index.tsx
index bef5741..3507307 100644
--- a/src/showplanner/index.tsx
+++ b/src/showplanner/index.tsx
@@ -86,6 +86,7 @@ function LibraryColumn() {
         </div>
         <div className="px-2">
           <select
+            id="sidebarLibrarySelect"
             className="form-control form-control-sm"
             style={{ flex: "none" }}
             value={sauce}
@@ -218,10 +219,15 @@ const Showplanner: React.FC = function() {
         ])
       );
     }
-    // If we're dragging from a pseudo-column, and a search field is focused, defocus it.
+    // If we're dragging from a pseudo-column,
+    // and a search field or library dropdown is focused, defocus it.
     if (result.source.droppableId[0] === "$") {
       const focus = document.activeElement;
-      if (focus && focus instanceof HTMLInputElement && focus.type === "text") {
+      if (
+        (focus && focus instanceof HTMLInputElement && focus.type === "text") ||
+        (focus instanceof HTMLSelectElement &&
+          focus.id === "sidebarLibrarySelect")
+      ) {
         focus.blur();
       }
     }