From 2be6c47f1b2f7b1886a0122647be652a11457252 Mon Sep 17 00:00:00 2001
From: Denys Halenok <denys.halenok@gmail.com>
Date: Fri, 12 May 2023 05:38:38 +0200
Subject: [PATCH] fix: style not applied to overflowed Menu (#42294)

* fix: style not applied to overflowed Menu

* test: update snapshot
---
 .../__tests__/__snapshots__/demo-extend.test.ts.snap      | 8 ++++----
 .../menu/__tests__/__snapshots__/demo-extend.test.ts.snap | 4 ++--
 components/menu/menu.tsx                                  | 2 +-
 3 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/components/layout/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/layout/__tests__/__snapshots__/demo-extend.test.ts.snap
index 0eeb0cef75..7c4b9f5257 100644
--- a/components/layout/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/layout/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -571,7 +571,7 @@ exports[`renders components/layout/demo/fixed.tsx extend context correctly 1`] =
         </div>
         <div>
           <div
-            class="ant-menu-submenu ant-menu-submenu-popup ant-menu-dark ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
+            class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-dark ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
             style="opacity: 0;"
           >
             <ul
@@ -2991,7 +2991,7 @@ exports[`renders components/layout/demo/top.tsx extend context correctly 1`] = `
         </div>
         <div>
           <div
-            class="ant-menu-submenu ant-menu-submenu-popup ant-menu-dark ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
+            class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-dark ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
             style="opacity: 0;"
           >
             <ul
@@ -3470,7 +3470,7 @@ exports[`renders components/layout/demo/top-side.tsx extend context correctly 1`
         </div>
         <div>
           <div
-            class="ant-menu-submenu ant-menu-submenu-popup ant-menu-dark ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
+            class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-dark ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
             style="opacity: 0;"
           >
             <ul
@@ -4634,7 +4634,7 @@ exports[`renders components/layout/demo/top-side-2.tsx extend context correctly
         </div>
         <div>
           <div
-            class="ant-menu-submenu ant-menu-submenu-popup ant-menu-dark ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
+            class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-dark ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
             style="opacity: 0;"
           >
             <ul
diff --git a/components/menu/__tests__/__snapshots__/demo-extend.test.ts.snap b/components/menu/__tests__/__snapshots__/demo-extend.test.ts.snap
index 8a8f76a718..0d888a93a7 100644
--- a/components/menu/__tests__/__snapshots__/demo-extend.test.ts.snap
+++ b/components/menu/__tests__/__snapshots__/demo-extend.test.ts.snap
@@ -222,7 +222,7 @@ Array [
       </div>
       <div>
         <div
-          class="ant-menu-submenu ant-menu-submenu-popup ant-menu-light ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
+          class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-light ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
           style="opacity: 0;"
         >
           <ul
@@ -584,7 +584,7 @@ Array [
       </div>
       <div>
         <div
-          class="ant-menu-submenu ant-menu-submenu-popup ant-menu-dark ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
+          class="ant-menu-submenu ant-menu-submenu-popup ant-menu ant-menu-dark ant-slide-up-appear ant-slide-up-appear-prepare ant-slide-up"
           style="opacity: 0;"
         >
           <ul
diff --git a/components/menu/menu.tsx b/components/menu/menu.tsx
index 7f0e0e052d..c8dee4d9e3 100644
--- a/components/menu/menu.tsx
+++ b/components/menu/menu.tsx
@@ -152,7 +152,7 @@ const InternalMenu = forwardRef<RcMenuRef, InternalMenuProps>((props, ref) => {
         <RcMenu
           getPopupContainer={getPopupContainer}
           overflowedIndicator={<EllipsisOutlined />}
-          overflowedIndicatorPopupClassName={`${prefixCls}-${theme}`}
+          overflowedIndicatorPopupClassName={classNames(prefixCls, `${prefixCls}-${theme}`)}
           mode={mergedMode}
           selectable={mergedSelectable}
           onClick={onItemClick}