Chrome Dev Tools Device Emulation strange cropping

Question

Hi all having an issue with Chrome Dev Tools device emulation where when I set a device the screen image is cropped to about a third of its correct size leaving the rest of the image with just a pale pink background. See attached. Any ideas? Thanks.

Answer 1

This bug occurs for me when I open Chrome DevTools and activate the device emulator. Toggling the emulator off and then on again doesn't fix it.

The workaround I've found is to close and re-open Chrome DevTools with the emulator still enabled. By keyboard, that's hitting commandoptioni twice.

Hopefully the bug will be addressed soon, given its filing earlier today and their positive response on Twitter.

• Chrome 65.0.3325.146
• macOS 10.13.3

Answer 2

It seems to be a bug.

I'll link this question to the existing bug report: https://crbug.com/821010