va-breadcrumbs: Fix for focusability of 'hidden' breadcrumbs (#1191)

* Fix to visually hidden breadcrumbs so that they are hidden from screen readers, too * Web comp pack ver bump
department-of-veterans-affairs · Jun 13, 2024 · 8843d4c · 8843d4c
1 parent 1b83dec
commit 8843d4c
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/packages/web-components/package.json b/packages/web-components/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@department-of-veterans-affairs/web-components",
-  "version": "9.1.3",
+  "version": "9.1.4",
   "description": "Stencil Component Starter",
   "main": "dist/index.cjs.js",
   "module": "dist/index.js",

diff --git a/packages/web-components/src/components/va-breadcrumbs/va-breadcrumbs.scss b/packages/web-components/src/components/va-breadcrumbs/va-breadcrumbs.scss
@@ -10,6 +10,12 @@
   pointer-events: none;
 }
 
+@media screen and (max-width: 29.99em) {
+  .usa-breadcrumb__list-item:not(:nth-last-child(2)) {
+    display: none;
+  }
+}
+
 // Styles for V1 mode
 :host([uswds='false']) {
   nav {