$(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;
}input:focus::placeholder{
color: rgba(0,0,0,0.5);
}
input:focus{
outline: none;
border: none;
border-bottom: 1px solid orange;
}//A:
<div class="row justify-content-around">
<div class="left" style="justify-self: start;">p+h1</div>
<button />
</div>
//B
<div class="row justify-content-between">
<div class="left">p+h1</div>
<button />
</div>
//C
<div class="row justify-content-between">
<p />
<div class="right">h1+button</div>
</div>
</div>.footer{
position: static;
}