Summary text doesn't trigger on click if it has children elements

[gavgrego]

For example:

<details class="faq__accordion-button"> <summary>Donec ac odio tempor orci. Sed sed risus pretium quam celeri?</summary> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Magna eget est lorem ipsum dolor sit. Gravida neque convallis a cras semper. Dolor magna eget est lorem ipsum. Pellentesque adipiscing commodo elit at imperdiet dui. Ut tortor pretium viverra suspendisse.</p> <a href="#">Sample Link</a> </details> is valid and triggers fine in IE11, but <details class="faq__accordion-button"> <summary><span></span>Donec ac odio tempor orci. Sed sed risus pretium quam celeri?</span></summary> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Magna eget est lorem ipsum dolor sit. Gravida neque convallis a cras semper. Dolor magna eget est lorem ipsum. Pellentesque adipiscing commodo elit at imperdiet dui. Ut tortor pretium viverra suspendisse.</p> <a href="#">Sample Link</a> </details> will not