NG-ZORRO / ng-zorro-antd

Angular UI Component Library based on Ant Design
https://ng.ant.design
MIT License
8.87k stars 3.93k forks source link

Icons bugging out #7731

Open vatsake opened 1 year ago

vatsake commented 1 year ago

Reproduction link

** edit https://stackblitz.com/edit/ng-zorro-antd-ivy-tqctg1?file=src/app/app.component.html

Steps to reproduce

Gif to show: https://ibb.co/0KTFHsf

I couldn't reproduce in stackblitz, but whenever I hover or focus an input element the icons get all messed up. In code I do not mess with icons whatsoever.

What is expected?

Icons work as normal

What is actually happening?

Icons are bugging out.

Environment Info
ng-zorro-antd 14.1.1
Browser Chrome
simplejason commented 1 year ago

I'm not sure what kind of problem you're facing, I'd like to get your reproduction link :)

zorro-bot[bot] commented 1 year ago

Hello @vatsake. Please provide a online reproduction by forking this link https://stackblitz.com/edit/ng-zorro-antd-start or a minimal GitHub repository. Issues labeled by Need Reproduce will be closed if no activities in 7 days.

你好 @vatsake, 我们需要你提供一个在线的重现实例以便于我们帮你排查问题。你可以通过点击 此处 创建一个 stackblitz 或者提供一个最小化的 GitHub 仓库 被标记为 Need Reproduce 的 issue 7 天内未跟进将会被自动关闭。

vatsake commented 1 year ago

Okay, I managed to do it. Now to encounter this 'render bug'.

Look at the icon next to "THIS ICON" divider and at the same time CLICK/hover 'ye' and 'no' radio buttons below it very fast. REPRODUCTION LINK

Have some patience with it, because it doesn't happen always... which is annoying.