617331 - figure out the "right" way to handle dynamically added and removed viewport meta tags

Status: RESOLVED DUPLICATE of bug 976616

(Core :: DOM: Core & HTML, defect)

Description

[Brad Lassey [:blassey] (use needinfo?)]

In bug 615617 we matched webkit's behavior, but we should figure out what the correct behavior should be.

Comment 1

[costa]

Hi! 

I'm a user, fan, web dev. I'd love to be able to adjust the viewport dynamically. The way I'm doing it now, works on most browsers, is this:

    // in jade (sorry)
    meta(id='viewport', name='viewport', content='width=600px')
    script(type="text/javascript").
      (function () {
        "use strict";
        var viewport = document.getElementById('viewport');
        if (window.innerWidth > 600 || screen.width > 600) {
          viewport.setAttribute('content', 'width=device-width');
        }
      }());

I think in the end viewport will end up in CSS as well as HTML, but the ability to set a min-width would be heaven, that's all I'm really trying to acheive. I don't think dynamically changing viewports will be relevant until we all live in the matrix anyways, or until samsung invents foldable or stretchable touch screens : )

Comment 2

[Kartikaya Gupta (email:[e-mail])]

Forward-duping to mentored bug with test case attached.