Page MenuHomePhabricator

Regression: MobileFrontend "Advanced mode" shown noise text when display area are not wide enough
Closed, ResolvedPublic

Description

Description

MobileFrontend "Advanced mode" show noise text when display area are not wide enough due to does not applied .mw-ui-icon-element class for #page-actions-contributions > a element

Step to reproduce

  1. Open with Mobile site (e.g. en.m.wikipedia.org )
  2. Logged in as an user
  3. Go to Special:MobileOptions
  4. Enable "Advanced mode" (mobile-frontend-mobile-option-amc)
  5. Go to an user page (e.g. https://en.m.wikipedia.org/wiki/User:rxy )
  6. Resize your display space for not wide enough by any method (e.g. scale up by ++ or pinch in )

Actual Result

Noise text shown

bug-screensgot-1-resized.png (635×854 px, 37 KB)

bug-screensgot-2.png (729×657 px, 85 KB)

Expected Result

bug-screensgot-3.png (651×854 px, 60 KB)

I applied following workaround:

$( '#page-actions-contributions > a' ).addClass( 'mw-ui-icon-element' );

Original report

w:ja:Wikipedia:バグの報告#利用者ページに謎のもの (PermaLink)

QA Results

ACStatusDetails
1T239177#5788571

Event Timeline

Jdlrobson renamed this task from MobileFrontend "Advanced mode" shown noise text when display area are not wide enough to Regression: MobileFrontend "Advanced mode" shown noise text when display area are not wide enough.Nov 26 2019, 4:13 PM
Jdlrobson added a project: Regression.
ovasileva triaged this task as Medium priority.Nov 26 2019, 6:01 PM
ovasileva added subscribers: Edtadros, ovasileva.

@Edtadros - could you take a look? I believe we fixed this in another task

Test Result

Status: ✅ PASS
OS: macOS Catalina
Browser: Chrome
Device: MBP
Emulated Device: iPhoneX

Test Artifact(s):

Step to reproduce
  1. Open with Mobile site (e.g. en.m.wikipedia.org )
  2. Logged in as an user
  3. Go to Special:MobileOptions
  4. Enable "Advanced mode" (mobile-frontend-mobile-option-amc)
  5. Go to an user page (e.g. https://en.m.wikipedia.org/wiki/User:rxy )
  6. Resize your display space for not wide enough by any method (e.g. scale up by ++ or pinch in )

✅ AC1: No noise text is shown.

Screen Shot 2020-01-08 at 5.21.51 PM.png (1×2 px, 204 KB)