From 8ec9a7137f5caee22b9647f615daa9639f60181a Mon Sep 17 00:00:00 2001
From: josefaidt <josef.aidt@gmail.com>
Date: Thu, 17 Sep 2020 15:05:19 -0500
Subject: [PATCH] chore(select): move helper text below input

---
 src/Select/Select.stories.js |  1 +
 src/Select/Select.svelte     | 14 +++++++-------
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/Select/Select.stories.js b/src/Select/Select.stories.js
index 1a81fecc..1ee174ee 100644
--- a/src/Select/Select.stories.js
+++ b/src/Select/Select.stories.js
@@ -27,6 +27,7 @@ export const Default = () => ({
         "A valid value is required"
       ),
       labelText: text("Label text (helperText)", "Select"),
+      helperText: text("Helper text (helperText)", "Optional helper text here"),
       id: text("Select id", "select-id"),
       name: text("Select name", "select-name"),
     },
diff --git a/src/Select/Select.svelte b/src/Select/Select.svelte
index d560684b..26c3d404 100644
--- a/src/Select/Select.svelte
+++ b/src/Select/Select.svelte
@@ -118,13 +118,6 @@
         {labelText}
       </label>
     {/if}
-    {#if !inline && helperText}
-      <div
-        class:bx--form__helper-text="{true}"
-        class:bx--form__helper-text--disabled="{disabled}">
-        {helperText}
-      </div>
-    {/if}
     {#if inline}
       <div class:bx--select-input--inline__wrapper="{true}">
         <div
@@ -188,6 +181,13 @@
           <WarningFilled16 class="bx--select__invalid-icon" />
         {/if}
       </div>
+      {#if !invalid && helperText}
+        <div
+          class:bx--form__helper-text="{true}"
+          class:bx--form__helper-text--disabled="{disabled}">
+          {helperText}
+        </div>
+      {/if}
       {#if invalid}
         <div id="{errorId}" class:bx--form-requirement="{true}">
           {invalidText}