In
#2980304: Seven theme's details/summary focus style is broken/missing in some browsers. →
we're trying to get Seven's underline focus style for <details><summary> to work on all browsers. Sadly, text-decoration doesn't seem to reliably work for this, so we're wrapping the title in a <span> so that text-decoration is always happening.
@lauriii wanted a follow-up to explore if it was possible to do this without changing the <details> markup at all, which is what this issue is for.
TBD.
One possible approach can be found at
#3102724-96: Improve usability of core compatibility ranges on available updates report →
where I implemented an underline via a bottom-border instead of text-decoration. It's hacky, but seemed to work.
TBD.
None.
None.
TBD, probably not.
Active
2.0
Code
It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.
Not all content is available!
It's likely this issue predates Contrib.social: some issue and comment data are missing.
It seems the <span> element is no longer necessary.
I tested https://onecompiler.com/html/43mxzgq9y on Google Chrome, Microsoft Edge, and Firefox: The underline is shown in all the browsers. The only difference I could see is that on Firefox the underline is shown for the arrow too.