From a16e2a7bb2c4efb21487f4f4bada26a25b2cfade Mon Sep 17 00:00:00 2001
From: JarvisArt <38420763+JarvisArt@users.noreply.github.com>
Date: Sun, 25 Dec 2022 22:55:47 +0800
Subject: [PATCH] fix: menu inline transition (#39800)

---
 components/menu/style/index.tsx    | 2 +-
 components/menu/style/vertical.tsx | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/components/menu/style/index.tsx b/components/menu/style/index.tsx
index 511eb2ed3136..330ce01936b1 100644
--- a/components/menu/style/index.tsx
+++ b/components/menu/style/index.tsx
@@ -298,7 +298,7 @@ const getBaseStyle: GenerateStyle<MenuToken> = (token) => {
           transition: [
             `background ${motionDurationSlow} ${motionEaseInOut}`,
             `padding ${motionDurationSlow} ${motionEaseInOut}`,
-          ],
+          ].join(','),
         },
 
         [`${componentCls}-title-content`]: {
diff --git a/components/menu/style/vertical.tsx b/components/menu/style/vertical.tsx
index 121b206cd98f..ce7533a0f35a 100644
--- a/components/menu/style/vertical.tsx
+++ b/components/menu/style/vertical.tsx
@@ -128,7 +128,7 @@ const getVerticalStyle: GenerateStyle<MenuToken> = (token) => {
               `border-color ${motionDurationSlow}`,
               `background ${motionDurationSlow}`,
               `padding ${motionDurationMid} ${motionEaseOut}`,
-            ],
+            ].join(','),
 
             [`> ${componentCls}-title-content`]: {
               flex: 'auto',