Nz Icon not rendering correctly in Sub-menu, with dynamically added icons - Githubissues

NG-ZORRO / ng-zorro-antd

Angular UI Component Library based on Ant Design

https://ng.ant.design

MIT License

8.86k stars 3.92k forks source link

Nz Icon not rendering correctly in Sub-menu, with dynamically added icons #8281

Open gadami01 opened 10 months ago

gadami01 commented 10 months ago

Reproduction link

https://stackblitz.com/edit/ng-zorro-antd-ivy-r3ad6o?file=src%2Fapp%2Fapp.module.ts

Steps to reproduce

Dynamically add icons to nzIcon
Create loop to render submenus or place submenus in order with different icon names

What is expected?

Display a different icon for each of the menus

What is actually happening?

Only 2 menu icons are displayed correctly, but from there and on one of the icons is being displayed over again for the rest

Environment	Info
ng-zorro-antd	16.2.0
Browser	All browsers

mkamranansari commented 10 months ago

the issue here is the pattern id

please change pattern id in every svg, that should fix it.

check this: https://stackblitz.com/edit/ng-zorro-antd-ivy-ttreur?file=src%2Fassets%2Ficons%2Flaboratory.svg

`

` I changed pattern ids to avoid id conflict