z-index: 4; на z-index: auto;, или выносить картинку из формы, и позиционировать относительно её родителя.
let btn2 = document.getElementById('b');
let handler = clicker(btn);
btn.addEventListener('click', () => {
document.addEventListener('click', handler, true);
});
btn2.addEventListener('click', () => {
document.removeEventListener('click', handler, true);
});header_title.textContent вернет вам строку, которая состоит из символов, до каждого из которых можно обратится с помощью [i], где i - номер символа.header_title[i] вернет undefined. Не знаком с этой библиотекой, но попробуйте сделать такsmoothly(header_title, 'textContent', randomElement);header_title[i] работать не будет.
<button class="my-button-inv" data-type="status" data-default="Список №1">
Список №1
</button>
<input class="form-check-input" type="checkbox" data-type="status">
...
<button class="my-button-inv" data-type="loan type" data-default="Список №2">
Список №2
</button>
<input class="form-check-input" type="checkbox" data-type="loan type">$('.form-check-input').on('click', function() {
changeButtonText(this.dataset.type);
});
function changeButtonText(type) {
let button = $(`.my-button-inv[data-type=${type}]`)[0];
button.innerHTML = [...$(`.form-check-input[data-type=${type}]:checked ~ label`)]
.map(e => e.textContent.trim()).join(', ') || button.dataset.default;
}transition: background 0.2s ease, -webkit-transform 0.2s linear 0.2s;