Abdula Magomedov

document.querySelector('box4'); // ошибка. Точку перед box4 поставь

document.querySelector('.box4'); // вот так

https://jquery-docs.ru/event.stopPropagation/

протокол file:/// поставь спереди

file:///C:\РАБОЧИЙ СТОЛ\Все папки\фото\Обои рабочий стол\1.jpg

let el = document.getElementById("id конкретного элемента");

У него есть свойства scrollTop, scrollHeight, clientHeight

Не очень понял. text-overflow: чем не подходит?

Или дайте ссылку на песочницу

display: inline-flex;

htmlpurifier.org

$(this).find("option[value="+переменная+"]").prop("selected", true);

Ты правильно понял. Одна строка это 12 колонок. Если сумма колонок превышает 12, последний переходит на новую строку

md - все 6 элементов в одну строку.
sm - по 3 элемента на строку, 2 строки получится.
xs - по 2 элемента на строку, 3 строки получится