Клик по динамически созданному элементу

Есть такой момент, что если элемент, в котором есть дочерние элементы есть в html верстке, то клик по нему определяется корректно,

<button class="vsfm_control-btn" data-command="closeFmModal">
      <i class="icon-clear"></i>
      <span class="vsfm_control-btn-text">Закрыть</span>
</button>

let toolBtn = document.querySelectorAll('button')
        toolBtn.forEach(function(b) {
            if (b.disabled) return
            b.addEventListener('click', command, false)
        })

а если кнопка создается динамически скриптом, и вставляется таким образом

document.body.insertAdjacentHTML('beforeend', btn)

то клик по кнопке ловится только тогда, когда курсор не находится над элементами i и span, то есть где то в уголке кнопки. Подскажите, чем лечить?