Chrome Version       : 49.0.2623.108
OS Version: 6.1 (Windows 7, Windows Server 2008 R2)

What steps will reproduce the problem?
1. Open dev tools
2. Toggle Device Mode "on" (Ctrl + Shift + M)
3. Select a small mobile device, like iPhone4


What is the expected result?

There should be horizontal/vertical resize bars present


What happens instead of that?

You cannot resize the device by dragging. You only get resize bars when you choose "Responsive" from the device menu.


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

This is one of a series of issues related to the fact that the device mode centers the page. More details here: https://gist.github.com/bseib/be0718842f4c7b31074300f7368e3694  and here : https://bugs.chromium.org/p/chromium/issues/detail?id=598805


Here's the related info from that Gist link above. But it's better to read it all in context.


Prior to version 49, a draggable resize bar was always available. Now it is only available only if you change your device to "Responsive". This is unnecessary mouse time. Just give us the resize bar at all times. And when I drag it, the device will no longer be an iPhone4. Just like old times.

Yeah I know there's no such thing as an iPhone4 that's 330px wide, and that if I drag the width wider, then I'm not really testing an iPhone4 any more, and that User-Agent string is kind bogus. Yep. That's what I'd expect. But give me the resize bar and let me do it.

I created a custom device "TestDevice", the same size as an iPhone4. So I'm no longer testing an iPhone in terms of user-agent. It's just a really small screen 320x480. So now there's no reason to not have resize bars presented. Alas, there are none, as shown below. :-(

In the versions prior to 49, when you dragged the resize bar and matched the dimensions of some device, it would automatically select that device. This would not be necessary now. Because I can create my own devices, I can create dimensions identical to any device. Trying to pick one device when there are multiple matches just doesn't work. So my suggestion is that once you drag the resize bar, change me to the "Responsive" device and leave me on that device. It was my choice to leave my iPhone4 device when I dragged the width.





UserAgentString: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/49.0.2623.108 Safari/537.36



 

Deleted: no-resize-bar.png 281 KB

	no-resize-bar.png 281 KB View Download