From 7a990ff403d7b7b80541c5d8f9cd05463c4fb593 Mon Sep 17 00:00:00 2001
From: Sean Perkins <sean@ionic.io>
Date: Tue, 15 Nov 2022 15:04:16 -0500
Subject: [PATCH] fix(textarea): scrollbars are visible with overflow (#26284)

Resolves #26278
---
 core/src/components/textarea/textarea.scss | 8 +++++---
 1 file changed, 5 insertions(+), 3 deletions(-)

diff --git a/core/src/components/textarea/textarea.scss b/core/src/components/textarea/textarea.scss
index 0b9a29a4fc..704b897bc4 100644
--- a/core/src/components/textarea/textarea.scss
+++ b/core/src/components/textarea/textarea.scss
@@ -124,8 +124,6 @@
   resize: none;
   appearance: none;
 
-  overflow: hidden;
-
   &::placeholder {
     @include padding(0);
 
@@ -168,7 +166,7 @@
   opacity: 1;
 }
 
-:host([auto-grow]) .cloned-input {
+:host([auto-grow="true"]) .cloned-input {
   // Workaround for webkit rendering issue with scroll assist.
   // When cloning the textarea and scrolling into view,
   // a white box is rendered from the difference in height
@@ -191,3 +189,7 @@
 
   opacity: 1;
 }
+
+:host([auto-grow="true"]) .native-textarea {
+  overflow: hidden;
+}