Pinned igx-nav-drawer with position: fixed is being overlapped by its right-hand side container

[kdinev]

Description

I have a pinned (mini) igx-nav-drawer with position: fixed and as of 18.1.12 its right border is overlapped by the right-hand side container. Animations are also not working when transitioning from mini to normal content of the nav-drawer (opening, closing).

• igniteui-angular version: 18.1.12
• browser: all

Steps to reproduce

1. Define an igx-nav-drawer with mini template and position: fixed.
2. Make the container to the right of it have a solid background other than white.
3. Observe the right border of the pinned nav-drawer.

Result

The layout changed and the nav-drawer gets its content overlapped.

Expected result

The layout is preserved as in 18.1.10

Attachments