Side Menu Appears Centered Instead of Right-Aligned on Mobile in arwiki
Open, MediumPublicBUG REPORT
Actions

Assigned To

None

Authored By

	Gerges
	Jul 5 2025, 11:51 AM

Project Tags

Referenced Files

	F65779573: Screenshot_20250818_185347_Firefox.png
	Aug 18 2025, 5:59 PM

	F65779574: Screenshot_20250818_185521_Chrome.png
	Aug 18 2025, 5:59 PM

	F65535268: simulator_screenshot_0BBD5E66-4019-4F87-8861-D900811E9285.png
	Jul 21 2025, 4:28 PM

	F65535251: simulator_screenshot_12E8E170-2BC6-4E89-BD37-8172960E3C0D.png
	Jul 21 2025, 4:28 PM

	F65535248: simulator_screenshot_CB24EDE3-31AB-4F6A-A816-61CF3A6A12E3.png
	Jul 21 2025, 4:28 PM

	F62975636: Screenshot from 2025-07-05 14-31-47.png
	Jul 5 2025, 11:51 AM

Subscribers

View All 10 Subscribers

Description

Steps to replicate the issue (include links if applicable):

Open the side menu by clicking the menu icon (☰) in the top corner.
Observe the position of the side menu.

https://ar.m.wikipedia.org/wiki/Special:MentorDashboard
The problem appears in arwiki on mobile phones.
What happens?:

The side menu appears in the center of the screen instead of being aligned to the right edge.

What should have happened instead?:
The side menu should appear aligned to the right edge of the screen.

Software version (on Special:Version page; skip for WMF-hosted wikis like Wikipedia):

Other information (browser name/version, screenshots, etc.):

Screenshot from 2025-07-05 14-31-47.png (412×803 px, 60 KB)

Related Objects

Mentioned Here: T279965: Mentor dashboard: V1 mobile

Event Timeline

Gerges created this task.Jul 5 2025, 11:51 AM

Restricted Application added subscribers: hubaishan, alaa, Aklapper. · View Herald TranscriptJul 5 2025, 11:51 AM

moqdmi1 subscribed.Jul 5 2025, 11:58 AM

Dyolf77_WMF subscribed.Jul 8 2025, 1:54 PM

KStoller-WMF triaged this task as Medium priority.Jul 8 2025, 8:41 PM

KStoller-WMF edited projects, added: GrowthExperiments-Mentorship; removed: GrowthExperiments.

KStoller-WMF moved this task from Inbox to Estimated tasks backlog on the Growth-Team board.

KStoller-WMF added a subscriber: Urbanecm_WMF.

Thank you for reporting this, @Gerges!
I'll see if a Growth team engineer can investigate soon.

Michael subscribed.Jul 10 2025, 7:49 AM

I see the problem with the .growthexperiments-mentor-dashboard-group-main class that it gives a width larger than the width of some phones, This affects the side menu.

In T398749#10995187, @Gerges wrote:

I see the problem with the .growthexperiments-mentor-dashboard-group-main class that it gives a width larger than the width of some phones, This affects the side menu.

On what phone (and with which browser) are you seeing this error?

In T398749#10995235, @Michael wrote:

In T398749#10995187, @Gerges wrote:

I see the problem with the .growthexperiments-mentor-dashboard-group-main class that it gives a width larger than the width of some phones, This affects the side menu.

On what phone (and with which browser) are you seeing this error?

Thanks for the follow-up!
I noticed the issue on smaller-screen phones — specifically. The horizontal scroll appears because the .growthexperiments-mentor-dashboard-group-main class sets a width that's too large for the viewport. This ends up pushing the side menu partially off-screen or introduces horizontal scrolling.

while testing this on https://en.m.wikipedia.beta.wmcloud.org/wiki/Special:MentorDashboard?uselang=ar (with an iPhone 13 mini with iOS/safari 17.2) i was able to reproduce the scrolling issue

simulator_screenshot_CB24EDE3-31AB-4F6A-A816-61CF3A6A12E3.png (1,080×2,340 px, 697 KB)

but not the extra margin on the right side of the menu.

simulator_screenshot_12E8E170-2BC6-4E89-BD37-8172960E3C0D.png (1,080×2,340 px, 536 KB)

for context the scrolling issue also happens on non-ar languages. the 'your mentees' module is larger than the viewport producing a double horizontal scroll (one for navigating the table, and one for navigating the module off screen)

simulator_screenshot_0BBD5E66-4019-4F87-8861-D900811E9285.png (1,080×2,340 px, 731 KB)

@Dyolf77_WMF - can you reproduce this?

I reproduced this only using Chrome browser on an android device, but with Firefox I don't see any bug.
Chrome:

Screenshot_20250818_185521_Chrome.png (1,080×2,340 px, 183 KB)

Firefox:

OK, thanks!
Hopefully Growth engineers can take a look eventually.

But the unfortunate reality is that we never have been able to find the time to prioritize all of the mobile version improvements we had hoped to include:
T279965: Mentor dashboard: V1 mobile

KStoller-WMF moved this task from Backlog to Triaged on the Growth-Team board.Oct 27 2025, 5:22 PM

Gerges added a project: Arabic-Sites.Apr 29 2026, 5:40 AM

Gerges moved this task from Backlog to Bug Reports on the Arabic-Sites board.Apr 29 2026, 1:31 PM

Side Menu Appears Centered Instead of Right-Aligned on Mobile in arwikiOpen, MediumPublicBUG REPORTActions

Description

Related Objects

Event Timeline

Side Menu Appears Centered Instead of Right-Aligned on Mobile in arwiki
Open, MediumPublicBUG REPORT
Actions