From c5d0eca6a1eee9d5ec58127abebf91d3773919fc Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E8=89=B3?= <linyan.19960622@bytedance.com>
Date: Mon, 16 Dec 2024 19:59:49 +0800
Subject: [PATCH 1/2] fix: The display of disabled subNavItem in vertical
 Navigation is not as expected when it is collapsed

---
 packages/semi-ui/navigation/Item.tsx          |  2 +-
 .../navigation/_story/navigation.stories.jsx  | 39 +++++++++++++++++++
 2 files changed, 40 insertions(+), 1 deletion(-)

diff --git a/packages/semi-ui/navigation/Item.tsx b/packages/semi-ui/navigation/Item.tsx
index db737b5f6a..7c06f8f401 100644
--- a/packages/semi-ui/navigation/Item.tsx
+++ b/packages/semi-ui/navigation/Item.tsx
@@ -168,7 +168,7 @@ export default class NavItem extends BaseComponent<NavItemProps, NavItemState> {
                 mouseEnterDelay={showDelay}
                 mouseLeaveDelay={hideDelay}
             >
-                {node}
+                <span>{node}</span>
             </Tooltip>
         );
     };
diff --git a/packages/semi-ui/navigation/_story/navigation.stories.jsx b/packages/semi-ui/navigation/_story/navigation.stories.jsx
index a5b94e8d8e..2aa670a50c 100644
--- a/packages/semi-ui/navigation/_story/navigation.stories.jsx
+++ b/packages/semi-ui/navigation/_story/navigation.stories.jsx
@@ -352,4 +352,43 @@ PopupDemo.story = {
 export const CustomArrowIconDemo = () => <CustomArrowIcon></CustomArrowIcon>
 CustomArrowIconDemo.story = {
   name: 'CustomArrowIcon'
+}
+
+
+class DisabledSub extends React.Component {
+    render() {
+        return (
+            <Nav
+                style={{ height: 520 }}
+                bodyStyle={{ height: 300 }}
+                items={[
+                    {
+                        text: '任务平台',
+                        itemKey: '1',
+                        icon: <IconMail />,
+                        items: [{
+                            text: '任务平台1',
+                            disabled: true,
+                            itemKey: '11',
+                            items: ['任务1管理', '用户2任务查询'],
+                        }, {
+                            text: '任务平台2',
+                            disabled: true,
+                            itemKey: '12',
+                            items: ['任务11管理', '用户22任务查询'],
+                        }],
+                    },
+                ]}
+                onSelect={key => console.log(key)}
+                footer={{
+                    collapseButton: true,
+                }}
+            />
+        );
+    }
+}
+
+export const DisabledSubDemo = () => <DisabledSub></DisabledSub>
+DisabledSubDemo.story = {
+  name: 'DisabledSubDemo'
 }
\ No newline at end of file

From 76cb7bfefa2635ce63ed0678437123154f4230ab Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9E=97=E8=89=B3?= <linyan.19960622@bytedance.com>
Date: Mon, 16 Dec 2024 20:51:04 +0800
Subject: [PATCH 2/2] fix: use wrapWhenSpecial false in Navigation Tooltip

---
 packages/semi-ui/navigation/Item.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/semi-ui/navigation/Item.tsx b/packages/semi-ui/navigation/Item.tsx
index 7c06f8f401..08f9b6564a 100644
--- a/packages/semi-ui/navigation/Item.tsx
+++ b/packages/semi-ui/navigation/Item.tsx
@@ -163,12 +163,13 @@ export default class NavItem extends BaseComponent<NavItemProps, NavItemState> {
         return (
             <Tooltip
                 content={text}
+                wrapWhenSpecial={false}
                 position="right"
                 trigger={'hover'}
                 mouseEnterDelay={showDelay}
                 mouseLeaveDelay={hideDelay}
             >
-                <span>{node}</span>
+                {node}
             </Tooltip>
         );
     };