inline form nz-select & nz-input out of alignment

[cipchk]

I'm submitting a...

[x] Bug report  

Current behavior

html:

<form nz-form [nzLayout]="'inline'">
	<div nz-form-item>
		<div nz-form-control>
			<nz-select [(ngModel)]="s.orderby" name="orderby" [nzAllowClear]="false">
				<nz-option [nzValue]="0" nzLabel="按上传时间从晚到早"></nz-option>
				<nz-option [nzValue]="2" nzLabel="按修改时间从晚到早"></nz-option>
				<nz-option [nzValue]="4" nzLabel="按修改时间从早到晚"></nz-option>
				<nz-option [nzValue]="6" nzLabel="按图片名升序"></nz-option>
				<nz-option [nzValue]="8" nzLabel="按图片名降序"></nz-option>
			</nz-select>
		</div>
	</div>
	<div nz-form-item>
		<div nz-form-control>
			<nz-input [(ngModel)]="s.q" name="q" [nzPlaceHolder]="'文件名'"></nz-input>
		</div>
	</div>
	<div nz-form-item>
		<div nz-form-control>
			<button nz-button (click)="load(true)">搜索</button>
		</div>
	</div>
</form>

and for all nz-select nz-input nz-button add [nzSize]="'large'" property is work.

[ryancui92]

When I use ngFor in options, the select is collapsed.

<form nz-form nzLayout="inline" [formGroup]="searchForm" (submit)="loadData(true)">
  <div nz-form-item>
    <div nz-form-label>
      <label>激活日期</label>
    </div>
    <div nz-form-control>
      <nz-datepicker [nzSize]="'large'" [nzPlaceHolder]="'激活日期'" formControlName="activateDate"></nz-datepicker>
    </div>
  </div>
  <div nz-form-item>
    <div nz-form-label>
      <label>查找字段</label>
    </div>
    <div nz-form-control>
      <nz-select nzAllowClear
                  nzSize="large"
                  [formControlName]="'searchKey'">
        <nz-option
          *ngFor="let option of searchKeyOptions"
          [nzLabel]="option.label"
          [nzValue]="option.value">
        </nz-option>
      </nz-select>
    </div>
  </div>
  <div nz-form-item>
    <div nz-form-label>
      <label>查找内容</label>
    </div>
    <div nz-form-control>
      <nz-input [nzSize]="'large'" [nzPlaceHolder]="'查找内容'" [formControlName]="'searchValue'"></nz-input>
    </div>
  </div>
  <button nz-button [nzType]="'primary'" type="submit">查询</button>
  <button nz-button type="button" (click)="searchForm.reset()">清空</button>
</form>

ng-zorro-antd version: 0.5.4

[vthinkxie]

@ryancui- please add style width to nz-select

[ryancui92]

thx~

[lock]

This thread has been automatically locked because it has not had recent activity. Please open a new issue for related bugs and link to relevant comments in this thread.