- Open https://www.wikidata.org/wiki/Q2560289.
- Select the top text "Dutch bank", by moving cursor to left of this text, holding down mouse, and dragging to the right.
- Copy to clipboard and paste somewhere.
Jump to navigation
Jump to search
I know these elements are visually hidden and in the original DOM at the top of the page, which explains how they get included.
What is especially surprising is that they end up selected even if you minimally and carefully select the words in question. It's not only included when you start dragging from e.g. a line above which might explain why the invisible block gets included. That's not the case.
In any event, perhaps this would be a good use case for user-select: none; - assuming that when these links are used via assistive technology and/or keyboard tab navigation, that these button labels don't need to be selectable text (similar to form buttons, which are generally not selectable as textx either).
Alternatively, if we want to make them selectable as text if and only if the links are focussed, we could do that with a :not() rule, similar to how the current visibility is set up in CSS.