From 36e1d0e6725fb2acce2ac2c8e79a1b6c8d3f28f4 Mon Sep 17 00:00:00 2001
From: carsonmccue <68160575+carsonmccue@users.noreply.github.com>
Date: Sun, 19 Feb 2023 11:25:06 -0800
Subject: [PATCH] Update PasswordInput.svelte

---
 src/TextInput/PasswordInput.svelte | 10 +++++++++-
 1 file changed, 9 insertions(+), 1 deletion(-)

diff --git a/src/TextInput/PasswordInput.svelte b/src/TextInput/PasswordInput.svelte
index a904339d..3fe598a9 100644
--- a/src/TextInput/PasswordInput.svelte
+++ b/src/TextInput/PasswordInput.svelte
@@ -89,6 +89,7 @@
   const ctx = getContext("Form");
 
   $: isFluid = !!ctx && ctx.isFluid;
+  $: helperId = `helper-${id}`;
   $: errorId = `error-${id}`;
   $: warnId = `warn-${id}`;
 </script>
@@ -122,6 +123,7 @@
     </label>
     {#if !isFluid && helperText}
       <div
+        id="{helperId}"
         class:bx--form__helper-text="{true}"
         class:bx--form__helper-text--disabled="{disabled}"
         class:bx--form__helper-text--inline="{inline}"
@@ -167,7 +169,13 @@
         bind:this="{ref}"
         data-invalid="{invalid || undefined}"
         aria-invalid="{invalid || undefined}"
-        aria-describedby="{invalid ? errorId : warn ? warnId : undefined}"
+        aria-describedby="{invalid
+          ? errorId
+          : warn
+          ? warnId
+          : helperText
+          ? helperId
+          : undefined}"
         id="{id}"
         name="{name}"
         placeholder="{placeholder}"