fix: 修复textarea清楚按钮遮挡问题 (#1214)

ant-design · Jun 21, 2024 · 297f532 · 297f532
1 parent 2885679
commit 297f532
Show file tree

Hide file tree

Showing 6 changed files with 14 additions and 3 deletions.
diff --git a/compiled/alipay/src/Input/Textarea/index.axml b/compiled/alipay/src/Input/Textarea/index.axml
@@ -5,7 +5,7 @@
     <textarea
       enableNative="{{ enableNative }}"
       name="{{ name }}"
-      class="ant-textarea-content"
+      class="ant-textarea-content {{ allowClear ? 'ant-textarea-content-clear' : '' }}"
       disabled="{{ disabled }}"
       value="{{ state.value || '' }}"
       placeholder="{{ placeholder }}"

diff --git a/compiled/alipay/src/Input/Textarea/index.less b/compiled/alipay/src/Input/Textarea/index.less
@@ -23,6 +23,9 @@
     text-align: left;
     color: @input-item-color;
     background: @COLOR_CARD;
+    &-clear {
+      padding-right: 34 * @rpx;
+    }
   }
 
   &-clear {

diff --git a/compiled/wechat/src/Input/Textarea/index.wxml b/compiled/wechat/src/Input/Textarea/index.wxml
@@ -5,7 +5,7 @@
     <textarea
       enableNative="{{ enableNative }}"
       name="{{ name }}"
-      class="ant-textarea-content"
+      class="ant-textarea-content {{ allowClear ? 'ant-textarea-content-clear' : '' }}"
       disabled="{{ disabled }}"
       value="{{ state.value || '' }}"
       placeholder="{{ placeholder }}"

diff --git a/compiled/wechat/src/Input/Textarea/index.wxss b/compiled/wechat/src/Input/Textarea/index.wxss
@@ -22,6 +22,9 @@
   color: #333333;
   background: #ffffff;
 }
+.ant-textarea-content-clear {
+  padding-right: 17px;
+}
 .ant-textarea-clear {
   position: absolute;
   top: 0;

diff --git a/src/Input/Textarea/index.axml.tsx b/src/Input/Textarea/index.axml.tsx
@@ -38,7 +38,9 @@ export default (
       <Textarea
         enableNative={enableNative}
         name={name}
-        class="ant-textarea-content"
+        class={`ant-textarea-content ${
+          allowClear ? 'ant-textarea-content-clear' : ''
+        }`}
         disabled={disabled}
         value={state.value || ''}
         placeholder={placeholder}

diff --git a/src/Input/Textarea/index.less b/src/Input/Textarea/index.less
@@ -23,6 +23,9 @@
     text-align: left;
     color: @input-item-color;
     background: @COLOR_CARD;
+    &-clear {
+      padding-right: 34 * @rpx;
+    }
   }
 
   &-clear {