Почему при клике на details не убирается open?

Question

[Za Za]

Добавил скрипт, чтоб при клики вне поля details убирался [open], но при этом если кликать по details [open] не убирается. Как исправить?

Answer 1

[0xD34F]

Убирается. А потом из-за клика добавляется обратно.

Надо не тупо всем подряд false назначать, а только тем, по кому не было клика:

document.body.addEventListener('click', e => {
  document.querySelectorAll('details[open]').forEach(n => {
    n.open = n === e.target.parentNode;
  });
});