From 264b3514d8f2f06fc627dc734c6bd68d98a3a16f Mon Sep 17 00:00:00 2001
From: afc163 <afc163@gmail.com>
Date: Sat, 27 Nov 2021 15:35:42 +0800
Subject: [PATCH] fix: TextArea height bug (#33055)

* fix: TextArea height bug when has `showCount`

close #33049

* fix snapshot

* revert form demo
---
 components/form/style/components.less                    | 5 -----
 .../input/__tests__/__snapshots__/demo.test.js.snap      | 1 +
 components/input/demo/textarea-show-count.md             | 5 ++++-
 components/input/style/index.less                        | 9 +++++++--
 4 files changed, 12 insertions(+), 8 deletions(-)

diff --git a/components/form/style/components.less b/components/form/style/components.less
index c65848a4f3..53d4773d9b 100644
--- a/components/form/style/components.less
+++ b/components/form/style/components.less
@@ -7,11 +7,6 @@
 // =                      Children Component                      =
 // ================================================================
 .@{form-item-prefix-cls} {
-  .@{ant-prefix}-mentions,
-  textarea.@{ant-prefix}-input {
-    height: auto;
-  }
-
   // input[type=file]
   .@{ant-prefix}-upload {
     background: transparent;
diff --git a/components/input/__tests__/__snapshots__/demo.test.js.snap b/components/input/__tests__/__snapshots__/demo.test.js.snap
index 5a4e5ec416..d6f262e367 100644
--- a/components/input/__tests__/__snapshots__/demo.test.js.snap
+++ b/components/input/__tests__/__snapshots__/demo.test.js.snap
@@ -3332,6 +3332,7 @@ exports[`renders ./components/input/demo/textarea-show-count.md correctly 1`] =
 <div
   class="ant-input-textarea ant-input-textarea-show-count"
   data-count="0 / 100"
+  style="height:120px"
 >
   <textarea
     class="ant-input"
diff --git a/components/input/demo/textarea-show-count.md b/components/input/demo/textarea-show-count.md
index e8b2d2a829..be0f18dfb3 100644
--- a/components/input/demo/textarea-show-count.md
+++ b/components/input/demo/textarea-show-count.md
@@ -22,5 +22,8 @@ const onChange = e => {
   console.log('Change:', e.target.value);
 };
 
-ReactDOM.render(<TextArea showCount maxLength={100} onChange={onChange} />, mountNode);
+ReactDOM.render(
+  <TextArea showCount maxLength={100} style={{ height: 120 }} onChange={onChange} />,
+  mountNode,
+);
 ```
diff --git a/components/input/style/index.less b/components/input/style/index.less
index e749d368f7..79c8c00980 100644
--- a/components/input/style/index.less
+++ b/components/input/style/index.less
@@ -47,8 +47,13 @@
     }
   }
 
-  &-textarea {
-    &-show-count::after {
+  &-textarea-show-count {
+    // https://github.com/ant-design/ant-design/issues/33049
+    > .@{input-prefix-cls} {
+      height: 100%;
+    }
+
+    &::after {
       float: right;
       color: @text-color-secondary;
       white-space: nowrap;