Well I fixed it without understanding why it was broken in the first place
I just added a bit more to the existing css
:
details > summary {
// Chevron from https://stackoverflow.com/a/10813665/6929343
list-style-type: none;
(... Existing code from above question SNIPPED ...)
}
details > summary::-webkit-details-marker {
display: none;
}
details > summary::before {
content: '▶️ ';
}
details[open] > summary::before {
content: '🔽 ';
}
I found the solution in Stack Overflow and a bonus is have a little color in the chevrons.