coderisimo

Эксперементируйте! ))

Ресайзил вот этим. https://jqueryui.com/resizable

Можно начать с вот этого примера - ПРЫМЭР
А далее задавать уже более предметные вопросы. )

Весьма продвинутый инструмент - https://select2.org/

Вот простой пример - как.

Например, вот так.

нужно поиграться с коэффициентами.

Вот отличный ресурс :

начните с этого

там вообще, много полезной информации

Я бы использовал user_meta и json для хранения (вместо обычной строки). С json_decode и json_encode дело будете иметь с нормальным ассоциативным массивом.

вот вам 1001 способ.
https://css-tricks.com/couple-takes-sticky-footer/
простые примеры , можно поэксперементировать прямо в редакторе )

З.Ы. Только это css , а не js и vue.js :)

Есть в JS вот такая колбаса :

//test -  проверяет строку на соответствие регулярному выражению
// window.location.href - возвращает текущий урл

if(/page1/.test(window.location.href)){ 
 // если в урле есть текст "page1" - скрыть "нехороший" див  :) 
$('#prono_div').addClass('hidden');
}

code.mu/css/order.html

либо грубо , используя жабаскрипт

Пробовали добавлять position-relative ?
<div class="dropdown position-relative"

и в баттон data-boundary=""

<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown"  data-boundary="">

.your_class_here {
    overflow-y:scroll;
}