From 17c5cf878048b2dc9304947a28477184bae0f1e4 Mon Sep 17 00:00:00 2001
From: Michael Wilson <michael_wilson@sil.org>
Date: Fri, 2 May 2025 17:46:17 +0930
Subject: [PATCH] fix(TextArea): Fix label overlapping prefilled text

---
 components/mdc/TextInput/TextArea.svelte | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/components/mdc/TextInput/TextArea.svelte b/components/mdc/TextInput/TextArea.svelte
index f3ddc0e7..c4c0687b 100644
--- a/components/mdc/TextInput/TextArea.svelte
+++ b/components/mdc/TextInput/TextArea.svelte
@@ -44,6 +44,7 @@ $: valueIsEmpty = value === ' ' || !value
 $: warn = showWarn
 $: !valueIsEmpty && addOrRemoveInvalidClass(error, element)
 $: addOrRemoveInvalidClass(showError || showWarn, element)
+$: floating = !!label && !value.length
 
 onMount(() => {
   resize()
@@ -82,8 +83,8 @@ label {
 <label
   class="mdc-text-field mdc-text-field--outlined mdc-text-field--textarea {$$props.class || ''} textfield-radius"
   class:mdc-text-field--no-label={!label}
-  class:mdc-text-field--label-floating={label}
-  class:mdc-text-field--with-internal-counter={maxlength}
+  class:mdc-text-field--label-floating={floating}
+  class:mdc-text-field--with-internal-counter={!!maxlength}
   class:warn
   class:showError
   bind:this={element}