По каким причинам docuent.addEventListener может не распространятся на модальные окна?

Question

[KuzmenkoArtem]

Добавляю обработчик
document.removeEventListener('click', handler);

Обработчик распространяется на весь документ, но не на тело модального (bootstrap) окна, но в тоже время за пределами тела, когда окно открыто (затемнение на бэкграунде) обработчик работает

UPD: Используется данная библиотека https://bootstrap-vue.js.org
Как протестить:
Можно зайти на https://bootstrap-vue.js.org/docs/components/modal...
добавить слушатель document.addEventListener('click', function() {alert('test3')})
Покликать везде, а потом на модальном окне

Похоже что дело конкретно в либе, т.к. на офф сайте все ок https://getbootstrap.com/docs/4.1/components/modal/
Но возможно в особенностях vue.js

Comments

[0xD34F]

Вот это правильно - не показывать код. Так быстрее помогут.

[KuzmenkoArtem]

0xD34F, Я показал выше. Это все что касается дела

[0xD34F]

KuzmenkoArtem, ясно. Ну, удачи вам в решении вашей проблемы.

[KuzmenkoArtem]

0xD34F, спасибо, я дописал описание что бы было понятнее

Answer 1

[0xD34F]

Смотрим код компонента, и видим, что на содержимое окна вешается обработчик клика, где происходит остановка всплытия:

click: evt => {
  evt.stopPropagation()
  // https://github.com/bootstrap-vue/bootstrap-vue/issues/1528
  this.$root.$emit('bv::dropdown::shown')
}

Answer 2

[Алексей Уколов]

Дело в этом обработчике, он запрещает всплытие. Точнее разбираться лень сказать сложно, потому что код минифицирован, но если его удалить, всё работает как ожидается.