From de646e4fda833b3825008e2ce970fbee84d40d33 Mon Sep 17 00:00:00 2001
From: Kalle <38327916+Sendouc@users.noreply.github.com>
Date: Sat, 15 Apr 2023 20:08:44 +0300
Subject: [PATCH] Badges: Fix modal not showing overflowing user combobox

---
 app/routes/badges/$id/edit.tsx | 2 +-
 app/styles/utils.css           | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/app/routes/badges/$id/edit.tsx b/app/routes/badges/$id/edit.tsx
index 09571ae73..a5d9137ef 100644
--- a/app/routes/badges/$id/edit.tsx
+++ b/app/routes/badges/$id/edit.tsx
@@ -73,7 +73,7 @@ export default function EditBadgePage() {
   const { badgeName } = useOutletContext<BadgeDetailsContext>();
 
   return (
-    <Dialog isOpen>
+    <Dialog isOpen className="overflow-visible">
       <Form method="post" className="stack md">
         <div>
           <h2 className="badges-edit__big-header">
diff --git a/app/styles/utils.css b/app/styles/utils.css
index 1ec0b7048..3330c09b4 100644
--- a/app/styles/utils.css
+++ b/app/styles/utils.css
@@ -174,6 +174,10 @@
   visibility: hidden;
 }
 
+.overflow-visible {
+  overflow: visible;
+}
+
 .whitespace-pre-wrap {
   white-space: pre-wrap;
 }