Offcanvas navbar expand leaves stray overlay

[patrickhlauke]

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

A follow-up from #35577 - in the same scenario (an offcanvas navbar with .navbar-expand-${breakpoint}), if the offcanvas is opened, but then the browser window is resized, the offcanvas disappears but the semi-transparent overlay remains.

/cc @florianlacreuse

Reduced test cases

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

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

Windows

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

Chrome

What version of Bootstrap are you using?

v5.1.3

[patrickhlauke]

Video of the issue

offcanvas-resize-overlay.mp4

[patrickhlauke]

Solution likely involves some kind of resize listener somewhere that toggles the proper "close the offcanvas" logic. Unless we feel it's too much of an edge case...

[GeoSot]

Note: In case of a resize listener we might want to address #33561 too

[florianlacreuse]

Also related to #34720.

[mdo]

This should be fixed with the JS changes coming in #35736.