1407582 - RDM does not respect <meta name="viewport" content="initial-scale=X" setting on sites containing a wide element

Status: RESOLVED FIXED

(DevTools :: Responsive Design Mode, defect, P3)

Description

[Jens]

I have a page with <meta name="viewport" content="initial-scale=0.5" />. RDM does not respect this setting, that is, does not scale it.

STR:
===
1. Go to https://codepen.io/nachtigall/pen/aLKLLq 
2. Look at the page as a whole by selecting "Change View" => "Debug Mode"
3. Open RDM in DevTools
4. Select "Apple iPad Mini 2" in Portrait, that is, 768 width

AR:
===
The image is not scaled by factor 0.5

ER:
===
Like Chrome's RDM and native Firefox on Android (and Chrome on Android) do it: Scale the page (and its image) by 0.5

I am not sure if this is a dupe of Bug 1290420 because Bug 1290420 seems to more about when there is no <meta name="viewport"> at all on pages whereas this here is about the initial-scale setting.

Comment 1

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

Thanks for filing!  I would expect we'd fix this as part of doing bug 1290420, but let's keep this bug and depend on that one.  We can re-check this case when bug 1290420 is resolved.

Comment 2

[Firefox Bug Husbandry Bot]

https://wiki.mozilla.org/Bug_Triage/Projects/Bug_Handling/Bug_Husbandry#Move_fix-optionals

Comment 3

[Hiroyuki Ikezoe (:hiro)]

I am pretty sure bug 1290420 fixed some part of this issue, but still we need to fix bug 1494422 for the initial-scale.

Comment 4

[Hiroyuki Ikezoe (:hiro)]

D'oh.  I didn't actually look into the example in comment 0 when I commented comment 3.  Now I realized it contains a wide image element, which means we still need bug 1423709.

Comment 5

[Hiroyuki Ikezoe (:hiro)]

This is going to be fixed by bug 1423013 completely.

Comment 6

[Hiroyuki Ikezoe (:hiro)]

I believe this is now fixed.