Browse Source
fix: style not applied to overflowed Menu (#42294)
* fix: style not applied to overflowed Menu
* test: update snapshot
pull/42311/head
Denys Halenok
2 years ago
committed by
GitHub
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with
7 additions and
7 deletions
-
components/layout/__tests__/__snapshots__/demo-extend.test.ts.snap
-
components/menu/__tests__/__snapshots__/demo-extend.test.ts.snap
-
components/menu/menu.tsx
|
|
|
@ -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 |
|
|
|
|
|
|
|
@ -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 |
|
|
|
|
|
|
|
@ -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} |
|
|
|
|
