fix(module:input): textarea-count combined with nzHasFeedback location (

#7709) fix #7574
NG-ZORRO · Dec 5, 2022 · ddd44d2 · ddd44d2
1 parent a1d78cb
commit ddd44d2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 2 deletions.
diff --git a/components/form/demo/validate-reactive.ts b/components/form/demo/validate-reactive.ts
@@ -44,8 +44,10 @@ import { Observable, Observer } from 'rxjs';
       </nz-form-item>
       <nz-form-item>
         <nz-form-label [nzSpan]="7" nzRequired>Comment</nz-form-label>
-        <nz-form-control [nzSpan]="12" nzErrorTip="Please write something here!">
-          <textarea formControlName="comment" nz-input rows="2" placeholder="write any thing"></textarea>
+        <nz-form-control [nzSpan]="12" nzHasFeedback nzErrorTip="Please write something here!">
+          <nz-textarea-count [nzMaxCharacterCount]="2000">
+            <textarea formControlName="comment" nz-input rows="2" placeholder="write any thing"></textarea>
+          </nz-textarea-count>
         </nz-form-control>
       </nz-form-item>
       <nz-form-item>

diff --git a/components/input/style/patch.less b/components/input/style/patch.less
@@ -57,3 +57,8 @@ nz-form-item-feedback-icon.@{ant-prefix}-input {
   }
 }
 
+.@{ant-prefix}-input-textarea-show-count {
+  display: block;
+  position: relative;
+}
+