$(document).mouseup(function (e){ // событие клика по веб-документу
var divmenu = $("#sidepanel"); // sidebar
if (!divmenu.is(e.target) && divmenu.has(e.target).length === 0 && divmenu.hasClass("active") ) { // если клик был не по нашему блоку и не по его дочерним элементам
enableScroll();
$('#sidepanel_btn').css("pointer-events", 'auto');
}
});border: 1px solid transparent;
текст все равно вылезает за пределы div-а
li {
word-break:break-all;
}И сразу задам другой вопрос, как разместить один список над другим
.content {
max-width: 1440px;
width: 100vw;
}.footer{
position: static;
}<meta name="viewport" content="width=device-width, initial-scale=1.0">.element{
word-break: break-all;
}