Clicking a link that’s nested inside of a summary element has an odd HTML-only inconsistency. <details> <summary><a href="https://www.zachleat.com/">Works in Safari</a></summary> </details> <details> <summary><a href="https://www.zachleat.com/"><span>Does not work in Safari</span></a></summary> </details> Tested in Safari 14. Both cases work in Firefox 82 and Chrome 86. All csaes tested on macOS Catalina (10.15.7) Live demo: https://codepen.io/zachleat/pen/ZEOMKPr As an additional disclosure some conversation about this specific issue is being had here: https://github.com/whatwg/html/issues/2272
The spec issue is not the same as this issue, though related. (The spec issue is about whether interactive content in <summary> should be valid in HTML.)
Thanks for filing. I can reproduce this on Safari 13.1.3 as well as 14.1 using the provided codepen.
<rdar://problem/71259555>
Pull request: https://github.com/WebKit/WebKit/pull/17106
Submitted web-platform-tests pull request: https://github.com/web-platform-tests/wpt/pull/41687
Committed 267491@main (aed2f1dba4a4): <https://commits.webkit.org/267491@main> Reviewed commits have been landed. Closing PR #17106 and removing active labels.