Skip to content

[Bug][Menu] Popup not shown when the menu is wrapped inside Tabstrip #3639

@vveesseelliinnaa

Description

@vveesseelliinnaa

Description

The Menu popup is not show when the Menu is placed inside a Tabstrip. The issue is introduced in version 14.0.0 f the components (and v13.0.0 of the themes)

Temporary Workaround

.k-animation-container-shown {
    z-index: 100000 !important;
}

Plan

KendoReact Free

Steps To Reproduce

  1. Go to https://stackblitz.com/edit/react-ws6ti8vv?file=app%2Fapp.tsx,app%2FDebtorTabContent.tsx,app%2Fstyles.css,index.html,package.json,index.js
  2. Click on the First item of the Menu
  3. Observe that the popup is not visible

Screenshots or video

No response

Actual Behavior

The z-index of the popup is not sufficient.

Expected Behavior

The popup is shown on click like here:
https://stackblitz.com/edit/react-ws6ti8vv-gvzj3wxe?file=app%2Fapp.tsx,app%2FDebtorTabContent.tsx,app%2Fstyles.css,index.html,package.json,index.js

Browser

Chrome

Browser version

latest

OS type

MacOS

OS version

No response

Last working version of the KendoReact package (if regression).

^13.0.0

Metadata

Metadata

Assignees

No fields configured for Maintenance.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions