Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Offcanvas navbar expand remaining aria-hidden

See original GitHub issue

Prerequisites

I have searched for duplicate or closed issues
I have validated any HTML to avoid common problems
I have read the contributing guidelines

Describe the issue

Following PR #34273.

An offcanvas navbar with .navbar-expand-${breakpoint} can lead to a remaining aria-hidden="true", if the offcanvas is closed and the navbar is expanded again. This edge case happen when resizing the window on desktop or rotating an ipad (for instance).

Reduced test cases

https://codepen.io/florianlacreuse/pen/wvreVxN

What operating system(s) are you seeing the problem on?

Linux

What browser(s) are you seeing the problem on?

Chrome

What version of Bootstrap are you using?

v5.1.3

Issue Analytics

State:
Created 2 years ago
Reactions:1
Comments:9 (9 by maintainers)

Top GitHub Comments

3reactions

patrickhlaukecommented, Dec 22, 2021

I’ll have a look…

2reactions

patrickhlaukecommented, Dec 23, 2021

did some refactoring… https://github.com/twbs/bootstrap/pull/35589

Top Results From Across the Web

Offcanvas · Bootstrap v5.0

Build hidden sidebars into your project for navigation, shopping carts, and more with a few classes and our JavaScript plugin.

Bootstrap Off Canvas Show Full Height - Stack Overflow

I included a Bootstrap nav bar, a separate offcanvas toggle button that only shows when the side bar is off canvas, and a...

Off-canvas | Foundation for Sites 6 Docs

Foundation's Off-canvas is a well established mobile pattern for navigation that can also be used to create a responsive sidebar. It can open...

Off-canvas Sidebar in Bootstrap 4 with Optional Overlay, Offset ...

Data attribute targeting to a class would fail to properly alter aria-expanded attribute value and further functioning. While the full-width off-canvas sidebar ...

Tailwind CSS Drawer (offcanvas) - Flowbite

The Drawer component can be used as a hidden off-canvas sidebar for navigation and to show other information based on multiple styles and...