Есть похожая тема
https://toster.ru/q/305869 но в сожалению не понятно, как тянуть слева и при этом не отвязывать блок от правой стороны экрана т.к. при использовании:
$( "#resizable" ).resizable({handles: 'n,w'});
присваивается стиль left: XXXpx; после чего если тянуть в торону окно браузера блок стоит на месте и не следует за границей окна...
visibility: hidden;
position: fixed;
top: 0;
right: 0;
bottom: 0;
width: 350px;
background: rgb(255, 255, 255);
display: flex;
flex-direction: column;
$( "#box" ).resizable({
handles: 'n,w',
maxWidth: 600,
minWidth: 350
});
Если вдруг не понятно что я хочу тогда вот:
при использовании
$( "#resizable" ).resizable({handles: 'n,w'});
выставляется отступ
left: 2561.33px;
, который мне совершенно не нужен, вместо этого я ху сделать
left: none;
, а
width
того размера на который будет увеличивать блок при его растягивании...
visibility: visible;
left: 2561.33px;
width: 447px;