Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[nzSize] and [nzBorderless] don't work when using nz-input-group #8928

Open
VoxCodice opened this issue Dec 12, 2024 · 0 comments
Open

[nzSize] and [nzBorderless] don't work when using nz-input-group #8928

VoxCodice opened this issue Dec 12, 2024 · 0 comments
Assignees

Comments

@VoxCodice
Copy link

Reproduction link

https://stackblitz.com/edit/2cieez5t?file=src%2Fapp%2Fapp.component.ts,package.json

Steps to reproduce

 <nz-input-group [nzSuffix]="inputClearTpl" [nzSize]="'large'">
      <!-- the style for [nzSize]="'large'" [nzBorderless]="true" get overriden by the style from nz-input-group -->
      <input type="text" [nzSize]="'large'" [nzBorderless]="true" nz-input [(ngModel)]="inputValue" placeholder="input with clear icon" />
    </nz-input-group>
    <ng-template #inputClearTpl>
      @if (inputValue) {
        <span
          nz-icon
          class="ant-input-clear-icon"
          nzTheme="fill"
          nzType="close-circle"
          (click)="inputValue = null"
        ></span>
      }
    </ng-template>

What is expected?

The input size is large and it is borderless

What is actually happening?

The input size is "default" and it is not borderless

Environment Info
ng-zorro-antd 18.2.1
Browser all
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

2 participants