Update app.py

app.py

@@ -594,7 +594,21 @@ def create_ui():
         opacity: 1;
     }
 
-    /* Responsive design */
+    /* Dropdown specific styling to ensure visibility */
+    .template-selector {
+        min-width: 300px;
+        z-index: 1000;
+    }
+    
+    .gr-dropdown {
+        position: relative;
+    }
+    
+    .gr-dropdown .gr-dropdown-list {
+        max-height: 300px;
+        overflow-y: auto;
+        z-index: 1001;
+    }
     @media (max-width: 768px) {
         .header-title {
             font-size: 2rem;
@@ -624,12 +638,21 @@ def create_ui():
                 # Template selection with visual cards
                 gr.Markdown("### 🎯 Choose Your Template")
                 
+                # Show available templates for debugging
+                gr.Markdown(f"Available templates: {', '.join(PREDEFINED_EXAMPLES.keys())}")
+                
+                # Debug: Print available templates
+                available_templates = list(PREDEFINED_EXAMPLES.keys())
+                logger.info(f"Available templates: {available_templates}")
+                
                 template_dropdown = gr.Dropdown(
                     label="TTS Template",
-                    choices=list(PREDEFINED_EXAMPLES.keys()),
+                    choices=available_templates,
                     value=default_template,
                     info="Select a predefined template to get started quickly",
-                    elem_classes=["template-selector"]
+                    elem_classes=["template-selector"],
+                    interactive=True,
+                    visible=True
                 )
 
                 # Template description with enhanced styling