Page MenuHomePhabricator

Vector 2022 sidebar overlaps links in the article toolbar when table of contents is disabled
Closed, ResolvedPublic2 Estimated Story PointsBUG REPORT

Description

List of steps to reproduce (step by step, including full links if applicable):

  • Make sure the table of contents is disabled
$wgVectorTableOfContents = [
	'default' => false,
];
  • Go to Special:RecentChanges
  • Expand the vector-2022 sidebar on the top left

What happens?:

  • Notice that the "Special page" tab link is hidden under the Article toolbar

What should have happened instead?:

  • The tab should be visible.

Screenshots

Sidebar expandedSidebar collapsed
image.png (424×709 px, 44 KB)
image.png (440×786 px, 31 KB)

Software version (if not a Wikimedia wiki), browser information, screenshots, other information, etc.:

  • MediaWiki 1.39.0-alpha
  • Vector (master)
  • Firefox 99 on Linux

Technical details
Possibly caused by: rSVEC8d1dbab356e8: Merge "Simplify TOC spacing styles/logic by reusing the visible sticky header…

QA steps

IN production

Can be replicated on https://translatewiki.net/w/i.php?title=Special:LanguageStats&useskin=vector-2022

QA Results - Prod

ACStatusDetails
1T308130#7981687

Event Timeline

The issue is on https://translatewiki.net/w/i.php?hidebots=1&translations=filter&limit=50&days=7&enhanced=1&title=Special:RecentChanges&useskin=vector-2022&urlversion=2 but I can't replicate this on current master. What version of Vector is TranslateWiki running? I recall an old bug relating to this so I'm fairly confident this is a duplicate.

We just updated to latest master today and that introduced the problem. In my testing and comparing to beta cluster, at translatewiki.net we don't have the vector-toc-enabled class in the HTML which seems to add the margin.

Jdlrobson renamed this task from Vector 2022 sidebar overlaps links in the article toolbar to Vector 2022 sidebar overlaps links in the article toolbar when table of contents is disabled.May 11 2022, 6:02 PM
Jdlrobson updated the task description. (Show Details)

Thanks that context was helpful. I can reproduce this now and this is most likely a recent regression so I've added it to our sprint board.

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

[mediawiki/skins/Vector@master] Fixes Vector 2022 sidebar overlap when table of contents disabled

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

Change 791064 merged by jenkins-bot:

[mediawiki/skins/Vector@master] Fixes Vector 2022 sidebar overlap when table of contents disabled

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

Edtadros subscribed.

@Jdlrobson I was unable to recreate this yesterday on the production link in the description. I'm not sure if the fix had already made because I don't know much about translatewiki and where it would be on the train. I tried firefox, on macos, but that didn't show the issue. Do you think this is a linux specific issue?

@Jdlrobson I was unable to recreate this yesterday on the production link in the description. I'm not sure if the fix had already made because I don't know much about translatewiki and where it would be on the train. I tried firefox, on macos, but that didn't show the issue. Do you think this is a linux specific issue?

The latest patch from @Jdlrobson was deployed yesterday to translatewiki.net and it has fixed the issue.

Jdlrobson moved this task from QA to QA in Prod on the Web-Team-Backlog (Kanbanana-FY-2021-22) board.

Yep as @_abi says it should be impossible to replicate this bug now in either production or beta cluster so I think we can just confirm this with a screenshot and move to sign off.

Test Result - Prod

Status: ✅ PASS
Environment: translatewiki
OS: macOS Monterey
Browser: Chrome
Device: MBP
Emulated Device:NA

Test Artifact(s):

QA Steps

✅ AC1: Translate tab should be visible with sidebar expanded and collapsed.

Screen Shot 2022-06-05 at 5.30.09 PM.png (521×713 px, 56 KB)

Screen Shot 2022-06-05 at 5.30.27 PM.png (523×706 px, 81 KB)