Chrome Version       : 62.0.3202.94
OS Version: 10.0
URLs (if applicable) :
Other browsers tested:
  Add OK or FAIL after other browsers where you have tested this issue:
     Safari: N/A
    Firefox: N/A
    IE/Edge: N/A

What steps will reproduce the problem?
1.Open the chrome Dev tools with Ctrl+Shift+C
2.Hold down the Ctrl key and drag a portion of the screen to take a screenshot.
3.Instead of releasing the left mouse button, click the right mouse button and then release the left mouse button.

What is the expected result?
My thought process for this is, that it would cancel the screenshot action.

What happens instead of that?
HTML is unrendered (white screen), the dev tools still show the HTML but when hovering over the elements in the elements tab, there is no indication on screen. Which is logical if there is no rendered HTML. After a while the HTML is rendered again and the screenshot is still made (with some weird misplaced semi-rendered elements).

Please provide any additional information below. Attach a screenshot if
possible.

UserAgentString: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.94 Safari/537.36

screenshot-1.png - different size image than initial selection of webpage: https://developers.google.com/web/updates/2017/08/devtools-release-notes#screenshots

screenshot-2.png - different selection size, but exactly the same rendered image size as the other image on webpage: some stream on twitch.tv
 

Deleted: screenshot-1.png 23.3 KB

	screenshot-1.png 23.3 KB View Download

Deleted: screenshot-2.png 26.3 KB

	screenshot-2.png 26.3 KB View Download