diff --git a/example/qml-Qt6/page/T_Captcha.qml b/example/qml-Qt6/page/T_Captcha.qml
index f8068e71..e65e0273 100644
--- a/example/qml-Qt6/page/T_Captcha.qml
+++ b/example/qml-Qt6/page/T_Captcha.qml
@@ -43,6 +43,7 @@ FluScrollablePage{
         FluTextBox{
             id:text_box
             placeholderText: "请输入验证码"
+            Layout.preferredWidth: 240
         }
         FluButton{
             text:"verify"
diff --git a/example/qml-Qt6/page/T_QRCode.qml b/example/qml-Qt6/page/T_QRCode.qml
index be01f8c9..effeaaf0 100644
--- a/example/qml-Qt6/page/T_QRCode.qml
+++ b/example/qml-Qt6/page/T_QRCode.qml
@@ -31,6 +31,7 @@ FluScrollablePage{
         FluTextBox{
             id:text_box
             text:"会磨刀的小猪"
+            Layout.preferredWidth: 240
         }
     }
 
diff --git a/example/qml-Qt6/page/T_Timeline.qml b/example/qml-Qt6/page/T_Timeline.qml
index b28fd5ec..176013ed 100644
--- a/example/qml-Qt6/page/T_Timeline.qml
+++ b/example/qml-Qt6/page/T_Timeline.qml
@@ -110,6 +110,7 @@ FluScrollablePage{
         FluTextBox{
             id:text_box
             text:"Technical testing 2015-09-01"
+            Layout.preferredWidth: 240
         }
         FluFilledButton{
             text:"Append"
diff --git a/example/qml-Qt6/page/T_Watermark.qml b/example/qml-Qt6/page/T_Watermark.qml
index 3b4aa275..a453e2ab 100644
--- a/example/qml-Qt6/page/T_Watermark.qml
+++ b/example/qml-Qt6/page/T_Watermark.qml
@@ -29,6 +29,7 @@ FluContentPage{
                 FluTextBox{
                     id:text_box
                     text:"会磨刀的小猪"
+                    Layout.preferredWidth: 240
                 }
             }
 
diff --git a/example/qml/page/T_Captcha.qml b/example/qml/page/T_Captcha.qml
index 6b48a1ac..8031a8b2 100644
--- a/example/qml/page/T_Captcha.qml
+++ b/example/qml/page/T_Captcha.qml
@@ -44,6 +44,7 @@ FluScrollablePage{
         FluTextBox{
             id:text_box
             placeholderText: "请输入验证码"
+            Layout.preferredWidth: 240
         }
         FluButton{
             text:"verify"
diff --git a/example/qml/page/T_QRCode.qml b/example/qml/page/T_QRCode.qml
index 00de8ad3..9fc84cef 100644
--- a/example/qml/page/T_QRCode.qml
+++ b/example/qml/page/T_QRCode.qml
@@ -32,6 +32,7 @@ FluScrollablePage{
         FluTextBox{
             id:text_box
             text:"会磨刀的小猪"
+            Layout.preferredWidth: 240
         }
     }
 
diff --git a/example/qml/page/T_Timeline.qml b/example/qml/page/T_Timeline.qml
index 09c29e0d..0e718824 100644
--- a/example/qml/page/T_Timeline.qml
+++ b/example/qml/page/T_Timeline.qml
@@ -111,6 +111,7 @@ FluScrollablePage{
         FluTextBox{
             id:text_box
             text:"Technical testing 2015-09-01"
+            Layout.preferredWidth: 240
         }
         FluFilledButton{
             text:"Append"
diff --git a/example/qml/page/T_Watermark.qml b/example/qml/page/T_Watermark.qml
index 78d4cd8a..f1f18845 100644
--- a/example/qml/page/T_Watermark.qml
+++ b/example/qml/page/T_Watermark.qml
@@ -30,6 +30,7 @@ FluContentPage{
                 FluTextBox{
                     id:text_box
                     text:"会磨刀的小猪"
+                    Layout.preferredWidth: 240
                 }
             }
 
diff --git a/src/Qt5/imports/FluentUI/Controls/FluNavigationView.qml b/src/Qt5/imports/FluentUI/Controls/FluNavigationView.qml
index a532fd5f..821b6b2c 100644
--- a/src/Qt5/imports/FluentUI/Controls/FluNavigationView.qml
+++ b/src/Qt5/imports/FluentUI/Controls/FluNavigationView.qml
@@ -976,7 +976,6 @@ Item {
             ScrollBar.vertical: FluScrollBar {}
             ListView{
                 id:nav_list
-                clip: true
                 displaced: Transition {
                     NumberAnimation {
                         properties: "x,y"
diff --git a/src/Qt6/imports/FluentUI/Controls/FluNavigationView.qml b/src/Qt6/imports/FluentUI/Controls/FluNavigationView.qml
index 7c284e08..fedc7443 100644
--- a/src/Qt6/imports/FluentUI/Controls/FluNavigationView.qml
+++ b/src/Qt6/imports/FluentUI/Controls/FluNavigationView.qml
@@ -977,7 +977,6 @@ Item {
             ScrollBar.vertical: FluScrollBar {}
             ListView{
                 id:nav_list
-                clip: true
                 displaced: Transition {
                     NumberAnimation {
                         properties: "x,y"