Menu collapses automatically on page load
Closed, ResolvedPublic3 Estimated Story Points
Actions

Assigned To

Authored By

	Patafisik
	Feb 24 2023, 9:44 AM

Description

(reported from frwiki, talk page)

On Vector 2022, the main menu is available in 3 states: "open", "closed" and "pinned".
On narrow screen, the main menu is only available as "closed" and "pinned" states. The link "move to the sidebar" is not present in the "pinned" menu.

A logged in user with iPad is reporting that, when he visit a page on frwiki (e.g. Terre), the main menu is displayed "open" for a split second, then it collapses to the "pinned" state.

It is annoying because of the "flickering" generated on the screen.
It is confusing because "open" menu state is not an option available for users with narrow screen, they should not see it, or make it available for them.

When a new page is open, the default state on narrow screen should be displayed directly.

iPad 6th generation, iOS 16.2 20C65, last version of Safari released for iOS 16.2

Photo_problème_bare_sommaire.png (1×2 px, 491 KB)

Replication steps

Open Safari
Log in
Resize browser to 1015px x 753px
Refresh

Screen Recording 2023-02-27 at 12.11.38 PM.gif (1×1 px, 3 MB)

Event Timeline

Patafisik created this task.Feb 24 2023, 9:44 AM

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptFeb 24 2023, 9:44 AM

Patafisik renamed this task from on Vector 2022, when a new page is open the default state should be dislayed directly on narrow screen to On Vector 2022, when a new page is open the default state should be dislayed directly on narrow screen.Feb 24 2023, 9:49 AM

Patafisik updated the task description. (Show Details)

Aklapper renamed this task from On Vector 2022, when a new page is open the default state should be dislayed directly on narrow screen to On Vector 2022, when a new page is open the default state should be displayed directly on narrow screen.Feb 24 2023, 9:53 AM

@Patafisik some questions:

could you ask the user if they can replicate this in safe mode? Since I'm seeing a yellow link inside that dropdown menu I want to rule that out. What exactly is that yellow link? If it's not a gadget how can I enable it?

I can replicate something similar. Should you ask the user if the GIF in the description matches what they are seeing? If so then this issue is probably the same.

I currently can't replicate this issue. My only possible theory outside user gadgets/scripts is that the workaround for iPad scaling is interfering some how https://github.com/wikimedia/mediawiki/blob/master/resources/src/mediawiki.page.ready/ready.js#L69 but it doesn't make sense why the menu would appear open.

Jdlrobson renamed this task from On Vector 2022, when a new page is open the default state should be displayed directly on narrow screen to Safari: Menu collapses automatically on page load.Feb 27 2023, 8:14 PM

Jdlrobson updated the task description. (Show Details)

Jdlrobson added a subscriber: Jdrewniak.

I already answered him to try with safemode, I'm waiting for the double check. That screenshot was given by the user in the same talk, but for a different purpose (showing the lack of the link to the "Move to the sidebar"), it is not showing the problem of the menu collapsing in a split second. The yellow link is some tool for patrolling.

sgrabarczuk added a project: Community Feedback (Web).Feb 28 2023, 3:40 PM

Jdlrobson changed the task status from Stalled to Open.Feb 28 2023, 5:57 PM

Jdlrobson edited projects, added Web-Team-Backlog; removed Web-Team-Backlog (Needs Prioritization (Tech)).

Od1n subscribed.Feb 28 2023, 10:43 PM

ovasileva triaged this task as Medium priority.Mar 9 2023, 6:11 PM

ovasileva moved this task from Incoming to Current Quarter on the Web-Team-Backlog board.

ovasileva set the point value for this task to 3.Mar 9 2023, 6:16 PM

ovasileva edited projects, added Web-Team-Backlog (Web Team FY2022-23 Q3 Sprint 5); removed Web-Team-Backlog.Mar 10 2023, 8:26 PM

ovasileva moved this task from Incoming to Ready for Development on the Web-Team-Backlog (Web Team FY2022-23 Q3 Sprint 5) board.Mar 10 2023, 8:29 PM

ovasileva moved this task from Ready for Development to Incoming on the Web-Team-Backlog (Web Team FY2022-23 Q3 Sprint 5) board.Mar 13 2023, 5:27 PM

ovasileva moved this task from Incoming to Ready for Development on the Web-Team-Backlog (Web Team FY2022-23 Q3 Sprint 5) board.Mar 13 2023, 5:51 PM

checking this on safari locally and on french wiki, both seems to be working properly. I could not replicate. still checking on media queries, TOC seems the stuck menu both should be collapsed in header/article header on that size, one weird thing is that Safari would not accept 1015px x 753px it jumped between 1013px x 753px (both collapsed) and 1024px x 753px (both visible) when changing values

Mabualruz claimed this task.Mar 14 2023, 2:27 PM

Mabualruz moved this task from Ready for Development to Doing on the Web-Team-Backlog (Web Team FY2022-23 Q3 Sprint 5) board.

Thank you @Mabualruz for claiming this task. I have no update from the user.

ovasileva moved this task from Doing to Blocked on Others on the Web-Team-Backlog (Web Team FY2022-23 Q3 Sprint 5) board.Mar 14 2023, 4:46 PM

I can't replicate this any more. I suspect it was an issue with cached HTML. My suspicion is this relates to the cached HTML issue we saw on English Wikipedia. @ovasileva perhaps we can close out this ticket unless we hear back from the user.

bwang moved this task from Blocked on Others to Code Review on the Web-Team-Backlog (Web Team FY2022-23 Q3 Sprint 5) board.Mar 14 2023, 7:32 PM

I think this is still blocked?

Mabualruz moved this task from Blocked on Others to Ready for Signoff on the Web-Team-Backlog (Web Team FY2022-23 Q3 Sprint 5) board.Mar 16 2023, 4:40 PM

@ovasileva I can replicate this today on my Android and desktop on https://en.wikipedia.org/wiki/Portal:Biography when the window width is exactly 1000px.

Possibly fixed by https://gerrit.wikimedia.org/r/c/mediawiki/skins/Vector/+/897994 as I can't replicate it locally.

I guess Bernard flagged that it might be fixed by his patch last sprint in one of the meetings, how can we check if that was on the last train or not?

I can't replicate this now the train has rolled out so I'm hoping this has been fixed. We can reopen if it reoccurs.

	F36875155: Screen Recording 2023-02-27 at 12.11.38 PM.gif
	Feb 27 2023, 8:14 PM

	F36867680: Photo_problème_bare_sommaire.png
	Feb 24 2023, 9:49 AM

Menu collapses automatically on page loadClosed, ResolvedPublic3 Estimated Story PointsActions

Description

Replication steps

Event Timeline

Menu collapses automatically on page load
Closed, ResolvedPublic3 Estimated Story Points
Actions