The issue here seems to be the use of contain: paint;

Any temporary solution to this aside from keeping the sidebar open at all times? It is quite annoying.

Edit: Seems like setting .vector-toc-pinned #mw-panel-toc's contain to unset doesn't mess anything up and fixes the issue.

Possibly related: T329174.

Please see detailed notes in the duplicate task.

This apparently also affects every wikidata page, as wikidata items never have a ToC.

Possible fix:

1. Make sure #mw-panel-toc contain no whitespace characters by default. Currently it contains \n\t\t.
2. Add CSS:

#mw-panel-toc:empty {
  display: none;
}

As TheDJ mentioned, easiest to repeat on WD where it probably affects all pages. E.g. https://www.wikidata.org/wiki/Q511778

Note that the element is also in the same place on Firefox (v110). It's just that selection behaves differently on Firefox and on Chrome. In Firefox you cannot select/click from left side of the title (as you click on a transparent element).

Fix in Firefox that can be applied in MediaWiki:Vector-2022.css even:

	#mw-panel-toc:-moz-only-whitespace {
	
	  display: none;
	
	}

According to @Mabualruz this may have been fixed by T324505
We can likely QA this on https://wikidata.beta.wmflabs.org/wiki/Q383351 to confirm.

Sorry, but it is still there.

1. https://wikidata.beta.wmflabs.org/wiki/Q383351
2. hide main menu (if you are logged in)
3. devtools:

inspect(document.querySelector('#mw-panel-toc'))

❌ the toc is visible over title bar

Change 892567 had a related patch set uploaded (by Bernard Wang; author: Bernard Wang):

[mediawiki/skins/Vector@master] Only render TOC related HTML when TOC is available

https://gerrit.wikimedia.org/r/892567

Change 892581 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/skins/Vector@master] Remove TableOfContents mustache template and move layout rules to layouts folder

https://gerrit.wikimedia.org/r/892581

Change 892567 merged by jenkins-bot:

[mediawiki/skins/Vector@master] Only render TOC related HTML when TOC is available

https://gerrit.wikimedia.org/r/892567

@bwang let's aim to chat about https://gerrit.wikimedia.org/r/892581 tomorrow.

Change 892581 merged by jenkins-bot:

[mediawiki/skins/Vector@master] Remove TableOfContents mustache template and mark layout rules

https://gerrit.wikimedia.org/r/892581

In T328719#8671077, @Edtadros wrote:

@Jdlrobson I'm trying to recreate this in prod to make sure I'm testing it correctly. Every link I try seems to not have an issue highlighting text. Am I missing something or is this already in enwiki?

I am currently unable to reproduce this bug (even while logged out) on any of the pages listed above or on any of the pages in task T329174 that was closed as a duplicate. It may be that other CSS work has, as a side effect, fixed this problem.

This one was tagged incorrectly. The patch that fixed it was in https://gerrit.wikimedia.org/r/892567 which was merged in https://www.mediawiki.org/wiki/MediaWiki_1.40/wmf.25 so yep this is fixed and passing QA.

For what it's worth, it works in my test cases too (on WP, WS and WD). The element #mw-panel-toc is not in page DOM at all. Thanks 🙂