fix: menu expansion submenu jitter (#38748)

ant-design · Nov 19, 2022 · c51bba2 · c51bba2
1 parent 7728eec
commit c51bba2
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 0 deletions.
diff --git a/components/menu/style/index.tsx b/components/menu/style/index.tsx
@@ -98,6 +98,8 @@ const getBaseStyle: GenerateStyle<MenuToken> = (token) => {
     {
       '': {
         [`${componentCls}`]: {
+          ...clearFix(),
+
           // Hidden
           [`&-hidden`]: {
             display: 'none',

diff --git a/components/menu/style/vertical.tsx b/components/menu/style/vertical.tsx
@@ -33,6 +33,11 @@ const getVerticalInlineStyle: GenerateStyle<MenuToken, CSSObject> = (token) => {
       width: `calc(100% - ${itemMarginInline * 2}px)`,
     },
 
+    // disable margin collapsed
+    [`${componentCls}-submenu`]: {
+      paddingBottom: 0.02,
+    },
+
     [`> ${componentCls}-item,
             > ${componentCls}-submenu > ${componentCls}-submenu-title`]: {
       height: menuItemHeight,