Меню bootstrap 5 offcanvas, как закрыть при клике на любою область?

Question

[Alexander]

Есть стандартное offcanvas-bootstrap меню, при клике на которое открывается боковая панель.

Открывается и закрывается меню при клике на ссылку.

Подскажите, как закрывать меню не только по ссылке, но и кликая на любою пустую область поза меню?

<a href="javascript:;" data-bs-toggle="offcanvas">ссылка</a>

<div class="col-6 position-fixed sidebar">боковое меню</div>

(function () {

	'use strict'

	document.querySelector('[data-bs-toggle="offcanvas"]').addEventListener('click', function () {

		document.querySelector('.sidebar').classList.toggle('open')

	})

})()

Answer 1

[Buck]

Если ты создаешь по умолчанию:

вместо

<div class=col-6 position-fixed sidebar" >боковое меню</div>

вот так

<div class="offcanvas offcanvas-start" tabindex="-1" id="offcanvas" aria-labelledby="offcanvasLabel">

то у тебя будет работать с коробки закрытие на пустую область.

Посмотри LiveDemo
https://getbootstrap.com/docs/5.0/components/offcanvas/