NG-ZORRO / ng-zorro-antd

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

nz-select nzSuffixIcon does't work in multiple mode.nz-select 在多选或者tag模式下,nzSuffixIcon以及下拉箭头消失. #5568

Closed leemove closed 4 years ago

leemove commented 4 years ago

Reproduction link

https://ng.ant.design/components/select/zh#components-select-demo-multiple

Steps to reproduce

What is expected?

能正常显示suffixxIcon 下拉箭头等相关属性

What is actually happening?

没有任何显示 8.x版本中均正常

Environment Info
ng-zorro-antd 9.3.0
Browser any
zorro-bot[bot] commented 4 years ago

Translation of this issue:

nz-select nzSuffixIcon does't work in multiple mode.nz-select in a multiple-choice or tag mode, nzSuffixIcon and down arrow disappears.

Reproduction link

Https://stackblitz.com/edit/ng-zorro-antd-ivy-ppaqnm

Steps to reproduce

no

What is expected?

SuffixxIcon normal display attributes related drop-down arrow

What is actually happening?

Nothing is displayed in both the normal version 8.x

Environment Info
Ng-zorro-antd 9.3.0
Browser any
leemove commented 4 years ago

is it feature or bug? 这是一个功能还是问题啊?

 <nz-select-arrow
      *ngIf="nzShowArrow && nzMode === 'default'"
      [loading]="nzLoading"
      [search]="nzOpen && nzShowSearch"
      [suffixIcon]="nzSuffixIcon"
    ></nz-select-arrow>

https://github.com/NG-ZORRO/ng-zorro-antd/blame/master/components/select/select.component.ts#L103

DepickereSven commented 4 years ago

@leemove @vthinkxie I made a PR #5650 to fix this issue

vthinkxie commented 4 years ago

Hi @leemove @DepickereSven 按照 ant design 设计规范,在多选模式下是没有下拉箭头的,在 9.x 之后同步了 antd 4.x 的设计规范,因此多选箭头被移除了,这是在预期中的,不是一个bug

感谢关注

DepickereSven commented 4 years ago

@vthinkxie @leemove

By ant-design are you referring to this library https://github.com/ant-design/ant-design/?

Because when I look in their docs I find the following:

Schermafbeelding 2020-09-15 om 11 51 16

So for multi-select and tags is by default on false. But it's possible to set the showArrow on true so you can see it.

Like you can see in the following example the icons work in multi and tag mode.

https://stackblitz.com/edit/react-vrppip?file=index.js

vthinkxie commented 4 years ago

ref #5575