Update app.py

app.py

@@ -175,7 +175,7 @@ CSS = """
     min-height: 100vh;
     background: linear-gradient(135deg, #1a0b2e, #2e1a47);
     position: relative;
-    overflow: visible;
+    overflow: visible; /* Ensure no clipping */
 }
 body {
     background: none;
@@ -322,7 +322,7 @@ button:hover {
     font-size: 1rem !important;
     transition: border-color 0.3s ease, box-shadow 0.3s ease !important;
     position: relative;
-    z-index: 100;
+    z-index: 100; /* Base z-index for dropdown */
 }
 .compact-dropdown:hover {
     border-color: #ff8787 !important;
@@ -346,13 +346,18 @@ button:hover {
     color: #e0e0e0 !important;
     max-height: 300px !important;
     overflow-y: auto !important;
-    z-index: 200 !important;
+    z-index: 300 !important; /* Increased z-index to ensure it stays above other elements */
     width: 100% !important;
     opacity: 1 !important;
     visibility: visible !important;
     position: absolute !important;
     top: 100% !important;
     left: 0 !important;
+    /* Add hover persistence */
+    pointer-events: auto !important;
+}
+.compact-dropdown:hover .gr-dropdown-menu {
+    display: block !important; /* Ensure menu stays open on hover */
 }
 .compact-dropdown .gr-dropdown-menu option {
     padding: 8px !important;