From 9766a0766bfc34f90b97c6cb2c503e3233259d93 Mon Sep 17 00:00:00 2001
From: Jason Lee <huacnlee@gmail.com>
Date: Tue, 30 Jul 2024 19:58:48 +0800
Subject: [PATCH] Fix dropdown to avoid item text wrap. (#88)

---
 crates/story/src/dropdown_story.rs | 2 +-
 crates/ui/src/dropdown.rs          | 7 ++++++-
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/crates/story/src/dropdown_story.rs b/crates/story/src/dropdown_story.rs
index 75c7c561..f7b75181 100644
--- a/crates/story/src/dropdown_story.rs
+++ b/crates/story/src/dropdown_story.rs
@@ -72,7 +72,7 @@ impl DropdownStory {
             "Banana",
             "Grape",
             "Pineapple",
-            "Watermelon",
+            "Watermelon & This is a longlonglonglonglonglonglonglonglong title",
             "Avocado",
         ];
         let fruit_dropdown =
diff --git a/crates/ui/src/dropdown.rs b/crates/ui/src/dropdown.rs
index 30e71f9e..3e543943 100644
--- a/crates/ui/src/dropdown.rs
+++ b/crates/ui/src/dropdown.rs
@@ -134,7 +134,12 @@ where
                 .selected(selected)
                 .input_text_size(size)
                 .list_size(size)
-                .child(item.title().to_string());
+                .child(
+                    div()
+                        .whitespace_nowrap()
+                        .overflow_hidden()
+                        .child(item.title().to_string()),
+                );
             Some(list_item)
         } else {
             None