From a28ad0b1f149b332358de37a8a75da3daee250c4 Mon Sep 17 00:00:00 2001
From: Jason Lee <huacnlee@gmail.com>
Date: Wed, 2 Jul 2025 15:25:58 +0800
Subject: [PATCH] text_view: Fix list item text wrap. (#1027)

## Before

<img width="911" alt="image"
src="https://github.com/user-attachments/assets/cfe01686-48da-4140-84d0-ead361833131"
/>

## After

<img width="902" alt="image"
src="https://github.com/user-attachments/assets/fb97f8e8-3f16-43c4-8223-b7c6fdcc269f"
/>
---
 crates/ui/src/text/element.rs | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/crates/ui/src/text/element.rs b/crates/ui/src/text/element.rs
index 80a4f54d..34ee11a4 100644
--- a/crates/ui/src/text/element.rs
+++ b/crates/ui/src/text/element.rs
@@ -430,17 +430,20 @@ impl Node {
                                 // merge content into last item.
                                 if last_not_list {
                                     if let Some(item_item) = items.last_mut() {
-                                        item_item.extend(vec![text.into_any_element()]);
+                                        item_item.extend(vec![div()
+                                            .overflow_hidden()
+                                            .child(text)
+                                            .into_any_element()]);
                                         continue;
                                     }
                                 }
 
                                 items.push(
                                     h_flex()
+                                        .flex_1()
                                         .relative()
                                         .items_start()
                                         .content_start()
-                                        .flex_1()
                                         .when(!state.todo && checked.is_none(), |this| {
                                             this.child(list_item_prefix(
                                                 ix,
@@ -471,7 +474,7 @@ impl Node {
                                                     }),
                                             )
                                         })
-                                        .child(text),
+                                        .child(div().overflow_hidden().child(text)),
                                 );
                             }
                             Node::List { .. } => {