Update app.py

app.py

@@ -21,7 +21,6 @@ with gr.Blocks(css="styles.css") as app:
 
     # Display all items as a vertical list
     with gr.Column(elem_id="food-list"):
-        display_area = gr.HTML(visible=False)  # Popup card display area
         for food_name in FOOD_DATA.keys():
             gr.Button(
                 value=food_name,
@@ -30,12 +29,11 @@ with gr.Blocks(css="styles.css") as app:
             ).click(
                 display_card, 
                 inputs=[gr.Textbox(value=food_name, visible=False)], 
-                outputs=display_area
+                outputs="popup-card"
             )
 
-    # Add a dedicated display area for the popup
-    with gr.Row(elem_id="popup-container"):
-        display_area.render()
+    # Popup area for displaying the card
+    popup_area = gr.HTML(visible=False, elem_id="popup-card")
 
 # Launch the app
 app.launch()