[BUG] Firefox dev tools limited by viewport width/height

[aesyondu]

Context:

• PlayWright Version: 0.10.0
• Operating System: Mac OS X - 10.14.6
• Extra: Node v13.7.0

Code Snippet

const playwright = require("playwright");

(async () => {
    for (const browserType of ["chromium", "firefox", "webkit"]) {
        const browser = await playwright[browserType].launch({
            headless: false,
        })
        const context = await browser.newContext({})
        const page = await context.newPage("http://localhost:8080")

        // await browser.close()
    }
})();

Describe the bug

When using non-headless "firefox", dev tools width/height limited by viewport. Works ok on "chromium" and "webkit".

Firefox:

---

Chromium:

[dgozman]

This is a side-effect of setting page viewport size. The workaround is to undock developer tools into a separate window (from the ... menu).