使用Firefox处理详细信息标签和复选框单击事件

Question

如何防止与Details元素处于同一高度（dom水平）的Checkbox或Button元素触发事件来展开或折叠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>