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 24, 2021 · 33c40e5 · 33c40e5
1 parent 9553bfd
commit 33c40e5
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,5 +1,9 @@
 # Changelog
 
+## 2.2.2
+
+- [#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
 
 - [#218: Remove unnecessary explicit dependencies: sprockets, activesupport, sass and pry](https://github.com/alphagov/tech-docs-gem/pull/218)

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;