Событие документа не запускается, когда он находится на отключенном элементе

Question

Когда я передаю документу событие mouseup, если указатель мыши находится в отключенном элементе, и я отпустил кнопку. Обработчик события документа mouseup не может сработать. Как мне разрешить вызов обработчика?

Пример:

document.addEventListener('mouseup', () => {
  console.log('mouseup')
}, true)

const changeBtn = document.getElementById('change')
const testBtn = document.getElementById('test')

changeBtn.onclick = () => {
  testBtn.setAttribute('disabled', true)
}
testBtn.onclick = () => {
  console.log('testBtn click')
}

<button id="test">test</button>
<button id="change">change</button>

Answer 1

Использование CSS set pointer-events: none на :disabled элементах:

document.addEventListener('mouseup', () => {
  console.log('mouseup')
}, true)

const changeBtn = document.getElementById('change')
const testBtn = document.getElementById('test')

changeBtn.onclick = () => {
  testBtn.setAttribute('disabled', true)
}
testBtn.onclick = () => {
  console.log('testBtn click')
}

*:disabled {
  pointer-events: none;
}

<button id="test">test</button>
<button id="change">change</button>