Change viewport for Vector-2022 from hardcoded width to "width=device-width, initial-scale=1"
Open, Stalled, LowPublicFeature
Actions

Assigned To

None

Authored By

	Jooooo1111
	Jun 3 2025, 6:01 PM

Description

Feature summary (what you would like to be able to do and where):
Currently, the specified viewport for Vector-2022 is 'width=1120'. I propose to change it to 'width=device-width, initial-scale=1'.

Use case(s) (list the steps that you performed to discover that problem, and describe the actual underlying problem which you want to solve. Do not describe only a solution):
The current viewport is not responsive - mobile users have to use the mobile subdomain and different stylesheets. I see this as unnecessary - Vector-2022 is responsive, so there's no need for a separate subdomain and different stylesheets for mobile users.

Benefits (why should this be implemented?):
Changing the viewport to be responsible will eliminate the need to have a mobile subdomain and different styleesheets for mobile users.
Less CSS bloat and treating mobile users as equal with desktop users are great improvements in my opinion.

Related Objects
Search...

Status	Subtype	Assigned	Task
Stalled	Feature	None	T395948 Change viewport for Vector-2022 from hardcoded width to "width=device-width, initial-scale=1"
Open		None	T106463 [EPIC] Ready responsive Vector for wider deployment
Duplicate		None	T106464 Consider collapsing/expanding search bar in responsive Vector
Resolved		Jdlrobson	T106281 Site logo should be present on Vector's responsive design
Resolved		Jdlrobson	T106465 Figure out what to do with the personal tools in responsive Vector
Duplicate		None	T113363 Make personal tools flexible/resilient wrt extension additions
Resolved		Jdlrobson	T106466 Figure out what to do with the footer area in responsive Vector
Resolved		Jdlrobson	T113362 Consider moving searchbar to sidebar in responsive Vector
Resolved		Jdlrobson	T119871 Remove the "Read" tab in Vector's responsive design
Resolved		Jdlrobson	T113101 Images should be responsive in Vector and restrained to a max-size.
Resolved	BUG REPORT	Jdlrobson	T367463 Tables with images inside them appear at minuscule size or disappear due to responsive image CSS
Duplicate	BUG REPORT	None	T313292 Slight overflow on iPhoneSE with Vector-2022 due to header
Duplicate		None	T319305 Consider how Vector 2022 displays on mobile devices
Duplicate	BUG REPORT	None	T323191 Alerts/notifications flyouts misaligned on mobile when width=device-width is enabled
Resolved		Jdlrobson	T361573 Make Vector 2022 support viewport widths starting from 320px
Open		Jdrewniak	T314487 [Visual refinements] Decrease (or remove) min-width on Vector dropdown menus
Resolved	BUG REPORT	Jdlrobson	T367462 Responsive Vector uses hatnote.less and infobox.less at all resolutions
Duplicate	BUG REPORT	None	T367486 Innecesary padding has been added to the infoboxes in Vector 2022
Duplicate	BUG REPORT	None	T367484 Height of images inside divs are not respected due to a css !important rule in Vector 2022
In Progress		None	T369609 Appearance menu goes off screen on smaller viewports
Open		None	T365631 Redesign Vector 2022 header and actions for mobile devices
Stalled	BUG REPORT	None	T395624 Bookmark button breaks on Vector responsive design
Resolved	BUG REPORT	DSmit-WMF	T420724 Vector 2022 responsive shows long titles very poorly on small screens, especially with Discussion Tools' "add topic" button"
Open	BUG REPORT	None	T363674 Can't toggle responsive mode for mobile without changing the desktop skin
Open	BUG REPORT	Jdlrobson	T352485 Inconsistency in skin responsive preference when $wgVectorResponsive is false.
Duplicate		None	T395859 Vector should use search dialog at lower resolutions

Event Timeline

Jooooo1111 created this task.Jun 3 2025, 6:01 PM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptJun 3 2025, 6:01 PM

Jooooo1111 updated the task description. (Show Details)Jun 3 2025, 6:13 PM

Aklapper renamed this task from Change viewport for Vector-2022 to Change viewport for Vector-2022 from hardcoded width to "width=device-width, initial-scale=1".Jun 3 2025, 6:20 PM

This is intentional. While I am aware of the benefits and agree that we should do this, the existing hardcoded viewport is by design per community request (T306910, T308979). Changing this would require community buy-in on wiki via an RFC. We are working towards this on the long term as part of T106463: [EPIC] Ready responsive Vector for wider deployment

The behaviour you desire is already live on wikifunctions.org as part of those efforts.

Jdlrobson-WMF moved this task from For triage to Unused on the Readers Essential Work board.Jun 3 2025, 10:39 PM

Aklapper added a subtask: T106463: [EPIC] Ready responsive Vector for wider deployment.Jun 22 2025, 4:40 PM

AnneT subscribed.Jul 23 2025, 4:26 PM

Hakimi97 subscribed.Sep 1 2025, 9:31 AM

Jdlrobson-WMF moved this task from Incoming to Discussing on the Vector 2022 board.Nov 10 2025, 11:41 PM

Jdlrobson-WMF moved this task from Unused to Vector 2022 is responsive on wikifunctions.org on the Readers Essential Work board.Fri, Mar 20, 5:40 PM

Jdlrobson-WMF edited projects, added Readers Essential Work (Vector 2022 is responsive on wikifunctions.org); removed Readers Essential Work.