Skip to content

[BUG] Popup animation container has a higher z-index than Dialog overlay #5658

@zstoyanova9

Description

@zstoyanova9

Bug Description

When a component with an opened popup is rendered on the page and a Dialog gets opened, the popup appears above the Dialog's overlay.

Steps to Reproduce

Steps to reproduce the behavior:

  1. Open the following StackBlitz example - https://stackblitz.com/edit/angular-twtmmlsp-9n6ae68y
  2. Click the "Open dialog" button.

Expected Behavior

The popup should not appear above the Dialog's overlay.

Actual Behavior

The k-animation-container element has a higher z-index than the Dialog's overlay, which makes it appear above the overlay.

Screenshots/Videos

Image

Environment Information

Affected Theme(s)

  • All themes

Affected Component(s)

Dialog component and components that open a popup (e.g., SplitButton, DropDownList, etc.).

Affected Suites

  • Kendo UI for Angular
  • Kendo UI for React

Metadata

Metadata

Assignees

Labels

BugSomething isn't working

Type

No type

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions