1324469 - Poor rendering when opening RDM on wikipedia

Status: RESOLVED INVALID

(DevTools :: Responsive Design Mode, defect)

Description

[Cristian Comorasu, QA [:ccomorasu], Release Desktop QA]

[Affected versions]:
 Fx 52.0a2 (20161219004024)
 Fx 53.0a1 (20161218030213)

[Affected platforms]:
 Windows 10 x64
 Ubuntu 14.04 LTS
 Mac OS X 10.11

[Steps to reproduce]:
 1. Open Firefox.
 2. Go to "https://en.wikipedia.org/wiki/Main_Page".
 3. Open RDM(ctrl/cmd+shift+m).

[Expected result]:
 The page is opened without any issues.

[Actual result]:
 The page is poorly rendered.

[Regression range]:
 This issue is not a regression as it is reproducible ever since it was implemented.

[Notes]:
 Gif with the issue: http://imgur.com/a/ZCW8U .

Comment 1

[J. Ryan Stinnett [:jryans] (Use needinfo, replies may be slow)]

While it's true the page looks bad, it seems to be rendered correctly.  Old RDM looks the same if set the same size of 320x480.

I believe Wikipedia uses a separate mobile site.  If you try https://en.m.wikipedia.org/w/index.php?title=Main_Page, you get a nicer result.  RDM is more useful for sites that support the entire device size spectrum with the same page (instead of a special mobile site), so Wikipedia's current design is not a great match for the RDM tool.