when nz-transfer in nz-form, it's title display style error

[dusdong]

Version

1.1.0

Environment

ng-zorro 1.1.0

Reproduction link

https://stackblitz.com/edit/ng-zorro-transfer-in-form

Steps to reproduce

请选择项目 ## What is expected? 标题可以正常显示 ## What is actually happening? 标题被左对齐了 ## Other?

[hsuanxyz]

@dusdong 临时方案:

::ng-deep .ant-form-item .ant-transfer-list-header label {
  position: static;
}

@cipchk react 那边结构和咱们不一样。

zorro

<div class="ant-transfer-list-header">
  <label nz-checkbox="" class="ant-checkbox-wrapper">
    <span class="ant-checkbox">
      <input class="ant-checkbox-input" type="checkbox">
      <span class="ant-checkbox-inner"></span>
    </span>
    <span>
      <span class="ant-transfer-list-header-selected">
        <span>18 项</span>
        <!--bindings={ "ng-reflect-ng-if": "Source" }-->
        <span class="ant-transfer-list-header-title">Source</span></span>
    </span>
  </label>
</div>

react

<div class="ant-transfer-list-header">
  <label class="ant-checkbox-wrapper">
    <span class="ant-checkbox">
      <input type="checkbox" class="ant-checkbox-input" value="">
      <span class="ant-checkbox-inner"></span>
    </span>
  </label>
  <span class="ant-transfer-list-header-selected">
    <span>14 项</span>
    <span class="ant-transfer-list-header-title">Source</span></span>
</div>

[dusdong]

临时方案好使，谢谢！

[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.