From 14e96ede5489da48d8bcd465341b13076ed19429 Mon Sep 17 00:00:00 2001
From: originRing <yongyue_geng@163.com>
Date: Wed, 2 Nov 2022 16:33:03 +0800
Subject: [PATCH] fix(module:input): textarea-count combined with nzHasFeedback
 location

fix #7574
---
 components/form/demo/validate-reactive.ts | 6 ++++--
 components/input/style/index.less         | 3 +++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/components/form/demo/validate-reactive.ts b/components/form/demo/validate-reactive.ts
index 5339dd3f84f..5b24000f91e 100644
--- 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
index 36e1c926611..1367793143f 100644
--- 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%;