JQuery UI: изменяемый размер div с полосой прокрутки

Question

Я сделал resizable div, и теперь я хочу полосу прокрутки (ось y), когда пользователь слишком сильно ее изменил. Когда для строк текста достаточно места, полоса прокрутки должна исчезнуть. Я думал, что это можно сделать с overflow-y: auto, но это не так.

Что это должно выглядеть

Что это на самом деле выглядит

https://jsfiddle.net/1wk4mevo/4/

Как вы можете видеть, всегда есть полоса прокрутки, даже если есть достаточно места для весь контент в div. Как я могу это исправить? (код можно увидеть в скрипке)

Answer 1

Измените CSS на свой дескриптор. Если вы уроните высоту с 7px до 0px, полоса прокрутки исчезнет. Элемент находится внутри поля, поэтому «дополнительная» высота вызывает появление полосы прокрутки в любое время.

Итак, я попытался удалить нижнюю часть: -5px; Ниже приведена новая скрипка.

https://jsfiddle.net/1wk4mevo/8/

Переопределение этот CSS работает:

.ui-resizable-s { 
    bottom:0px; 
} 

И выдает результат, который вы ищете.