fix(menu): solve the problem of display being cropped by not enabling…

… sliding in popup mode Tencent#2057
PBK-B · Apr 3, 2023 · 6ce8d8e · 6ce8d8e
1 parent 063d53a
commit 6ce8d8e
Showing 1 changed file with 8 additions and 2 deletions.
diff --git a/src/menu/Menu.tsx b/src/menu/Menu.tsx
@@ -27,7 +27,7 @@ const Menu = forwardRefWithStatics(
     // 菜单宽度
     const menuWidthArr = Array.isArray(width) ? width : [width, DEFAULT_MENU_WIDTH[1]];
 
-    const { collapsed } = value;
+    const { collapsed, expandType } = value;
 
     return (
       <MenuContext.Provider value={value}>
@@ -41,7 +41,13 @@ const Menu = forwardRefWithStatics(
         >
           <div className={`${classPrefix}-default-menu__inner`}>
             {logo && <div className={`${classPrefix}-menu__logo`}>{logo}</div>}
-            <ul className={classNames(`${classPrefix}-menu`, { [`${classPrefix}-menu--scroll`]: !collapsed })}>
+            <ul
+              className={classNames(
+                `${classPrefix}-menu`,
+                { [`${classPrefix}-menu--scroll`]: expandType !== 'popup' },
+                'narrow-scrollbar',
+              )}
+            >
               {children}
             </ul>
             {operations && <div className={`${classPrefix}-menu__operations`}>{operations}</div>}