Ng-zorro-antd: Cursor not showing in nz-select when nzMode is "multiple" or "tags"

Created on 21 Aug 2020  ·  3Comments  ·  Source: NG-ZORRO/ng-zorro-antd

Reproduction link

https://stackblitz.com/edit/angular-urq8bv?file=src/app/app.component.ts

Steps to reproduce

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>

What is expected?

When focusing on the select box, it is expected to see a blinking cursor showing that you can type to search something

What is actually happening?

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

Browser ✏️ 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.

All 3 comments

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:

image

Was this page helpful?
0 / 5 - 0 ratings