From 8e44a8409050ae62fdc50cadb6135545f0f8a394 Mon Sep 17 00:00:00 2001 From: rug Date: Mon, 16 Feb 2026 10:25:20 +0100 Subject: [PATCH] Adding half row height to textarea wrapper --- .../components/textarea/textarea.ionic.scss | 20 +++++++++++-------- 1 file changed, 12 insertions(+), 8 deletions(-) diff --git a/core/src/components/textarea/textarea.ionic.scss b/core/src/components/textarea/textarea.ionic.scss index d3b16190fb..6d9450a4af 100644 --- a/core/src/components/textarea/textarea.ionic.scss +++ b/core/src/components/textarea/textarea.ionic.scss @@ -29,35 +29,39 @@ // Setting height to 0 allows it to collapse in height // instead of growing above the min height by default. -.textarea-wrapper-inner { - height: 0; +// .textarea-wrapper-inner { +// height: 0; +// } + +:host .native-wrapper::after { + @include globals.padding(0); } :host(.textarea-size-small) .textarea-wrapper-inner { --padding-top: #{globals.$ion-space-200}; --padding-end: #{globals.$ion-space-300}; - --padding-bottom: #{globals.$ion-space-200}; + --padding-bottom: calc(#{globals.$ion-space-200} + 0.6em); --padding-start: #{globals.$ion-space-300}; - min-height: globals.$ion-scale-2800; + //min-height: globals.$ion-scale-2800; } :host(.textarea-size-medium) .textarea-wrapper-inner { --padding-top: #{globals.$ion-space-300}; --padding-end: #{globals.$ion-space-400}; - --padding-bottom: #{globals.$ion-space-300}; + --padding-bottom: calc(#{globals.$ion-space-300} + 0.6em); --padding-start: #{globals.$ion-space-400}; - min-height: globals.$ion-scale-3400; + //min-height: globals.$ion-scale-3400; } :host(.textarea-size-large) .textarea-wrapper-inner { --padding-top: #{globals.$ion-space-400}; --padding-end: #{globals.$ion-space-500}; - --padding-bottom: #{globals.$ion-space-400}; + --padding-bottom: calc(#{globals.$ion-space-400} + 0.6em); --padding-start: #{globals.$ion-space-500}; - min-height: globals.$ion-scale-3600; + //min-height: globals.$ion-scale-3600; } // Ionic Textarea Shapes