#right-navigation Tab Moves to The Left, Next to #left-navigation, on Some Mobile Browsers Browsing as Desktop in Vector-2022
Open, Needs TriagePublicBUG REPORT
Actions

Assigned To

None

Authored By

	Bebiezaza
	May 25 2022, 4:00 PM

Description

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

go to wiki with vector-2022 skin on mobile browsers browsing as desktop
look at mw-navigation bar

What happens?: right-navigation appears next to left-navigation

What should have happened instead?: right-navigation is at the right

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

Samsung Internet 12.1.4.3	Safari iPadOS 14.8.1

and for a mobile browser that actually works

Chrome mobile 102.0.5005.58

Related Objects
Search...

		Status	Subtype	Assigned	Task
		Open		None	T303484 Introduce basic grid system to modern Vector
		Open	BUG REPORT	None	T309223 #right-navigation Tab Moves to The Left, Next to #left-navigation, on Some Mobile Browsers Browsing as Desktop in Vector-2022

Event Timeline

Bebiezaza created this task.May 25 2022, 4:00 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptMay 25 2022, 4:00 PM

Bebiezaza updated the task description. (Show Details)May 25 2022, 4:00 PM

Bebiezaza renamed this task from right-navigation tab placed next to left-navigation on mobile browsers browsing as desktop in vector-2022 to #right-navigation Tab Moves to The Left, Next to #left-navigation, on Some Mobile Browsers Browsing as Desktop in Vector-2022.May 27 2022, 9:31 AM

Jdlrobson mentioned this in T306910: Be explicit about Vector's responsive-support (Was Table of contents on mobile devices (not the same as narrow screens)).May 27 2022, 4:33 PM

This bug also happens in IE11

Jdlrobson added a parent task: T303484: Introduce basic grid system to modern Vector.Mon, Jun 6, 9:17 PM

Jdlrobson moved this task from Incoming to Layout on the Desktop Improvements board.

Discussed on enwiki village pump: https://en.wikipedia.org/w/index.php?title=Wikipedia:Village_pump_(technical)&oldid=1094246818#TalkRead. Appears it's due to an unsupported value for justify-content

I can produce something like this description if I have just the right (or wrong?) combination of font and screen sizes in Chrome on macOS. It looks a little weirder with a different tab selected, e.g., when the editing window is open.) I think I could manage this on old Vector as well, but I don't have a screenshot of that.

Screen Shot 2022-06-22 at 6.22.53 PM.png (756×1 px, 180 KB)

I'm seeing this in browsers using older Chrome versions in Linux too.

From the main page of fr.wikipedia.org, eu.wikipedia.org and mediawiki.org in one that's using 91:

	F35266086: Screen Shot 2022-06-22 at 6.22.53 PM.png
	Thu, Jun 23, 1:25 AM

	F35176657: A45C4C1C-068E-446E-B219-1F6A0D5F7BB0.jpg
	May 25 2022, 4:00 PM

	F35268781: mediawiki.png
	Thu, Jun 23, 6:33 PM

	F35268780: euwiki.png
	Thu, Jun 23, 6:33 PM

	F35268779: frwiki.png
	Thu, Jun 23, 6:33 PM

	F35206999: unknown.png
	Sat, Jun 4, 5:28 PM

#right-navigation Tab Moves to The Left, Next to #left-navigation, on Some Mobile Browsers Browsing as Desktop in Vector-2022Open, Needs TriagePublicBUG REPORTActions

Description

Related ObjectsSearch...

Event Timeline

#right-navigation Tab Moves to The Left, Next to #left-navigation, on Some Mobile Browsers Browsing as Desktop in Vector-2022
Open, Needs TriagePublicBUG REPORT
Actions

Related Objects
Search...