From bbe7e2df8931cb186d8c2ceac7633b84d4882c9d Mon Sep 17 00:00:00 2001
From: Dan Felder <d.felder@kunzleigh.com>
Date: Mon, 14 Oct 2024 11:36:39 -0400
Subject: [PATCH 1/2] Changed state tax dropdown to combo box

---
 src/components/StateTaxSelection.astro | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/StateTaxSelection.astro b/src/components/StateTaxSelection.astro
index 0154d9ed..ed783c03 100644
--- a/src/components/StateTaxSelection.astro
+++ b/src/components/StateTaxSelection.astro
@@ -8,12 +8,13 @@ states.sort((a, b) => a.data.name.localeCompare(b.data.name));
 ---
 <label class="usa-label text-bold" for="ddlstates">{label} </label>
 <form id="state-tax-form" class="usa-form sp-inline-form margin-bottom-4">
-    <select class="usa-select sp-inline-form-input" name="ddlstates" id="ddlstates">
-      <option value="">Select a state</option>
-      {states.map(state => (
-         <option selected={state.data.name === current_state} value={state.slug}>{ state.data.name }</option>
-      ))}
-    </select>
+    <div class="usa-combo-box">
+        <select class="usa-select sp-inline-form-input" name="ddlstates" id="ddlstates">
+            {states.map(state => (
+                    <option selected={state.data.name === current_state} value={state.slug}>{ state.data.name }</option>
+            ))}
+        </select>
+    </div>
 
     <button class="usa-button sp-inline-form-submit-button" type="submit" aria-label="Go to selected state">Go</button>
 </form>

From 2d4a306647a149e224e9ca074fc90ced38e9984f Mon Sep 17 00:00:00 2001
From: Dan Felder <d.felder@kunzleigh.com>
Date: Mon, 14 Oct 2024 11:48:21 -0400
Subject: [PATCH 2/2] Replaced spaces in the selected state tax dropdown value
 with a dash

---
 src/components/StateTaxSelection.astro | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/StateTaxSelection.astro b/src/components/StateTaxSelection.astro
index ed783c03..35f458ed 100644
--- a/src/components/StateTaxSelection.astro
+++ b/src/components/StateTaxSelection.astro
@@ -26,7 +26,8 @@ states.sort((a, b) => a.data.name.localeCompare(b.data.name));
         const state = dropdown.value;
 
         if (state) {
-            const target=`${base_url}smarttax/tax-information-by-state/${state.toLowerCase()}/`;
+            // Create State Tax URL, replaced spaces in the selected value with dash to match URL pattern and prevent URL encoding
+            const target=`${base_url}smarttax/tax-information-by-state/${state.replace(/\s+/g, '-').toLowerCase()}/`;
             window.location.href = target;
         }
     }