From e84353cf3deb8d271be24a6dd8052cdbc11f9a22 Mon Sep 17 00:00:00 2001
From: Dan Swick <2365503+danswick@users.noreply.github.com>
Date: Fri, 24 Jan 2025 09:11:52 -0800
Subject: [PATCH] Resolve empty search boxes bug (#4660)

* switch from aria-label to aria-hidden

* add display none

* no inline styles
---
 backend/dissemination/templates/search.html | 12 ++++++------
 backend/static/scss/_search.scss            |  2 +-
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/backend/dissemination/templates/search.html b/backend/dissemination/templates/search.html
index aa4c2262df..cab64757ff 100644
--- a/backend/dissemination/templates/search.html
+++ b/backend/dissemination/templates/search.html
@@ -68,26 +68,26 @@ <h3>Filters</h3>
                     </div>
 
                     {% comment %} Hidden page input for use when clicking pagination buttons {% endcomment %}
-                    <input class="usa-input"
-                        aria-label="Page"
+                    <input class="usa-input audit-search-pagination-hidden"
                         id="page"
                         name="page"
                         type="number"
                         value="{{ page }}"
+                        aria-hidden="true"
                         hidden />
 
                     {% comment %} Hidden order and direction inputs for use when clicking a sort button in the table header {% endcomment %}
-                    <input class="usa-input"
-                        aria-label="Order by"
+                    <input class="usa-input audit-search-pagination-hidden"
                         id="order_by"
                         name="order_by"
                         value="{{ order_by }}"
+                        aria-hidden="true"
                         hidden />
-                    <input class="usa-input"
-                        aria-label="Order direction"
+                    <input class="usa-input audit-search-pagination-hidden"
                         id="order_direction"
                         name="order_direction"
                         value="{{ order_direction }}"
+                        aria-hidden="true"
                         hidden />
                 </form>
             </div>
diff --git a/backend/static/scss/_search.scss b/backend/static/scss/_search.scss
index 0867a432c6..537b9df273 100644
--- a/backend/static/scss/_search.scss
+++ b/backend/static/scss/_search.scss
@@ -31,7 +31,7 @@
     background-image: url('../img/usa-icons/arrow_drop_up.svg');
   }
 
-  #orientation-toggle {
+  #orientation-toggle, .audit-search-pagination-hidden {
     display: none;
   }
 }