Closed
Description
Reproduction link
https://codesandbox.io/s/2rxitg
Steps to reproduce
- Trigger a message to appear by using
NzMessageService.success(content, [options])
- After the message disappears observe that the contents of the overlay container are not empty:
<div class="cdk-overlay-container">
<div class="cdk-global-overlay-wrapper" dir="ltr">
<div id="cdk-overlay-0" class="cdk-overlay-pane" style="z-index: 1010; position: static">
<nz-message-container>
<div class="ant-message" style="top: 24px">
<!---->
</div></nz-message-container>
</div>
</div>
</div>
- Other ng-zorro components that use the overlay container appear to clean it up after they are removed so that the DOM looks like:
<div class="cdk-overlay-container"></div>
What is expected?
I would expect unnecessary elements to be removed from the overlay container after the nz message is displayed
What is actually happening?
Unnecessary elements remain
Environment | Info |
---|---|
ng-zorro-antd | 14.3.0 |
Browser | All |