From 9fec6fc1f647a274f4d2bbd139e2b01401a1a54f Mon Sep 17 00:00:00 2001
From: safga <safgatj@gmail.com>
Date: Thu, 13 Jul 2023 17:35:29 +0800
Subject: [PATCH] fix: #2533

---
 .changeset/big-apricots-work.md               | 5 +++++
 .changeset/fifty-cycles-jam.md                | 5 +++++
 packages/ui/textarea/src/styles/textarea.scss | 8 +++-----
 3 files changed, 13 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/big-apricots-work.md
 create mode 100644 .changeset/fifty-cycles-jam.md

diff --git a/.changeset/big-apricots-work.md b/.changeset/big-apricots-work.md
new file mode 100644
index 000000000..b171c0fdc
--- /dev/null
+++ b/.changeset/big-apricots-work.md
@@ -0,0 +1,5 @@
+---
+"@hi-ui/hiui": patch
+---
+
+Textarea fix: 修复 resize 调整高度和 disabled 样式问题
diff --git a/.changeset/fifty-cycles-jam.md b/.changeset/fifty-cycles-jam.md
new file mode 100644
index 000000000..ca6777c48
--- /dev/null
+++ b/.changeset/fifty-cycles-jam.md
@@ -0,0 +1,5 @@
+---
+"@hi-ui/textarea": patch
+---
+
+fix: 修复 resize 调整高度和 disabled 样式问题
diff --git a/packages/ui/textarea/src/styles/textarea.scss b/packages/ui/textarea/src/styles/textarea.scss
index 2ffdb60da..622f4c558 100644
--- a/packages/ui/textarea/src/styles/textarea.scss
+++ b/packages/ui/textarea/src/styles/textarea.scss
@@ -26,15 +26,11 @@ $prefix: "#{$component-prefix}-textarea" !default;
     font-size: inherit;
     line-height: inherit;
     color: use-color("gray", 700);
-    resize: none;
+    resize: vertical;
     overflow: auto;
     z-index: auto;
     word-break: break-all;
 
-    &:hover {
-      resize: vertical;
-    }
-
     &::placeholder {
       color: use-color("gray", 400);
 
@@ -262,6 +258,7 @@ $prefix: "#{$component-prefix}-textarea" !default;
       .#{$prefix}__inner {
         &.#{$prefix}__inner--disabled {
           color: use-color("gray", 400);
+          -webkit-text-fill-color: use-color("gray", 400);
           background-color: use-color("gray", 200);
 
           .#{$prefix}__text {
@@ -276,6 +273,7 @@ $prefix: "#{$component-prefix}-textarea" !default;
       .#{$prefix}__inner {
         &.#{$prefix}__inner--disabled {
           color: use-color("gray", 400);
+          -webkit-text-fill-color: use-color("gray", 400);
           background-color: transparent;
 
           .#{$prefix}__text {