ISSUE 221 - Tabbing on search results in mobile

- In mobile view, when you tab through the search results and tab past the last result: - The focus appears lost as it goes to a 'close table of contents' button that is not in view. - Update the SASS to hide the button when the search results are open.
alphagov · Mar 25, 2021 · b9f011c · b9f011c
1 parent d42f6a9
commit b9f011c
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,8 +1,9 @@
 # Changelog
 
-## 2.2.2
+## Unreleased
 
 - [#223: Remove unnecessary CSS class on the search submit button](https://github.com/alphagov/tech-docs-gem/pull/223)
+- [#224: Accessibility fix: Hide the 'table of contents close' button when search results are open](https://github.com/alphagov/tech-docs-gem/pull/224)
 
 ## 2.2.1
 

diff --git a/lib/assets/stylesheets/modules/_search.scss b/lib/assets/stylesheets/modules/_search.scss
@@ -57,6 +57,10 @@ html.has-search-results-open {
   .app-pane__content {
     overflow: hidden;
   }
+
+  .toc__close{
+    display: none;
+  }
 }
 .search-results {
   display: none;