Обрабатывать тег детализации и событие щелчка флажка с Firefox

Question

Как можно предотвратить, чтобы элемент Checkbox или button, находящийся на той же высоте (уровне dom), что и элемент details, инициировал событие, чтобы развернуть или свернуть элемент details?

<details>
<summary>
   Click on checkbox <input type='checkbox'/> 
   or buttons
   <button type="button">PDF</button>
   <button type="button">Picture</button>
   <button type="button">Foo</button> </summary>
<p>This shouldn't be visible :( </p>
</details>