Привет!
Прикрутил к сайту Offcanvas из библиотеки Bootstrap 5.Изменил ширину элемениу .offcanvas-end
с дефолтных 400px на 220px.
На десктопе изменил разрешение через DevTools. Проверил на Apple, Mozila (Android) – всё работает шикарно.
В Chrome и Opera на Android ширина.offcanvas-end
игнорируется и остается дефолтной.
Кроме того ссылки из меню не скроллят к якорям, а прыгают на 20-30px вниз.
P.S. Заметил, что если долго тыкать по кнопкам меню, то в какой-то момент скролл нормально срабатывает (но не всегда).
Ответы: 1
Привет!
Кнопка, с помощью которой вызывается Offcanvas, не должна использоватьdata-bs-toggle="offcanvas"
. Если вы сделаете открытие Offcanvas с помощью JavaScript, то всё будет работать хорошо (открыть пример).HTML:
JavaScript:
CodePen: codepen.io/itchief/pen/qBJMmBg