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

fix NG-ZORRO#7574
OriginRing · Nov 2, 2022 · 14e96ed · 14e96ed
1 parent 41b56e4
commit 14e96ed
Show file tree

Hide file tree

Showing 2 changed files with 7 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/index.less b/components/input/style/index.less
@@ -49,6 +49,9 @@
   }
 
   &-textarea-show-count {
+    display: block;
+    position: relative;
+
     // https://github.com/ant-design/ant-design/issues/33049
     > .@{input-prefix-cls} {
       height: 100%;