James
James

Reputation: 1475

Chrome Dev Tools Device Emulation strange cropping

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.

Odd cropping of screen where top left corner is shown and the rest of the image is cropped showing only a pale pink background. This behaviour occurs using any device setting

Upvotes: 4

Views: 877

Answers (3)

David McIntyre
David McIntyre

Reputation: 74

None of these solutions worked for me. The only fix that worked was to un-dock the devtools window, as it was blocking the bottom of the device display, and i wasn't able to scroll to the bottom of the display. I only see this bug when using the device emulator, for all types of devices.

Upvotes: 0

5260452
5260452

Reputation: 11600

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

Upvotes: 4

Kayce Basques
Kayce Basques

Reputation: 25907

It seems to be a bug.

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

Upvotes: 2

Related Questions