https://stackblitz.com/edit/angular-urq8bv?file=src/app/app.component.ts
Create a nz-select and set nzMode to "multiple"
<nz-select nzShowSearch nzAllowClear nzPlaceHolder="nzMode: multiple" nzMode="default" nzMode="multiple">
<nz-option nzLabel="Jack" nzValue="jack"></nz-option>
<nz-option nzLabel="Lucy" nzValue="lucy"></nz-option>
<nz-option nzLabel="Tom" nzValue="tom"></nz-option>
</nz-select>
When focusing on the select box, it is expected to see a blinking cursor showing that you can type to search something
No cursor is showing at all in Chrome
| Environment | Info |
|---|---|
| ng-zorro-antd | 9.3.0 |
| Browser | Chrome 84.0.4147.125, Opera 70.0.3728.119 |
It works on Firefox and Edge
Same here. Following...
https://github.com/ant-design/ant-design/issues/24505. Styles have been synced, this will be fixed in the next version.
10.0.0 has released. Just need the padding: 0 style:

Most helpful comment
https://github.com/ant-design/ant-design/issues/24505. Styles have been synced, this will be fixed in the next version.