Multi-level drawer does not work with router-outlet

[jstnjs]

Reproduction link

https://stackblitz.com/edit/angular-9xkzwh?file=src%2Fapp%2Fapp.component.ts

Steps to reproduce

1. Click on "Open page drawer"
2. First drawer opens
3. Click on "Open nested page drawer"
4. Nested drawer opens

What is expected?

The first drawer should move to the left, so the user knows that the drawers are stacked on eachother.

What is actually happening?

The first drawer stays in the same place. The second drawer is only visible.

Environment	Info
ng-zorro-antd	17.2.0
Browser	All browsers

---

I expected it to work like the example: Multi level drawer demo. But I imagine by doing it through routing, it breaks.