Skip to content

Dialogs and Popups are not displayed correctly in the Drawer #3728

@tsvetomir

Description

@tsvetomir

Describe the bug
The Drawer prevents popups from positioning correctly due to its use of transform: translateX() on .k-drawer.

To Reproduce
Steps to reproduce the behavior:

  1. Open this snippet.
  2. Click "Toggle Drawer".
  3. Click "Open Dialog".

Expected behavior
The Dialog should be able to overlay the Drawer.

Screenshots
image

There are 2 workarounds at the moment:

  • Use the Dialog service and set a dialog container outside of the Drawer.
  • Override the transform rule by using <kendo-drawer [style.transform]="'none'">, see demo.

Additional context
Reported in ticket 1571725.

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions