New issue
Advanced search Search tips

Issue 651123 link

Starred by 1 user

Issue metadata

Status: Fixed
Owner:
Closed: Oct 2016
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 1
Type: Bug-Regression



Sign in to add a comment

Can no longer view specific responsive sizes.

Reported by z...@thirdinteractive.com, Sep 28 2016

Issue description

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

Steps to reproduce the problem:
1. Open any website and launch the inspector.
2. Set the responsive width to any size (for example: 1800px)
3. Press the "down" key.

What is the expected behavior?
Normally, I'd be able to adjust the width 1 pixel at a time.

What went wrong?
Ever since the new update, I'm no longer able to adjust the width pixel-by-pixel. Instead, the width jumps several pixels at a time. I can't even explicitly set the pixel width to something that's being skipped, since the browser will automatically skip down to a different size.

Did this work before? Yes 09/27/2016

Chrome version: 53.0.2785.116  Channel: stable
OS Version: 10.0
Flash Version: Shockwave Flash 23.0 r0
 
As a web developer, it's crucial that this works correctly.
Labels: -Type-Bug -Pri-2 Pri-3 Type-Feature
Owner: dgozman@chromium.org
Status: Assigned (was: Unconfirmed)
Components: -Platform>DevTools Platform>DevTools>Mobile
Labels: -Type-Feature -Pri-3 Pri-1 Type-Bug-Regression
That's a regression, which went unnoticed. Thank you for the bug report! We are going to fix this soon.
Has there been any progress on this?
Sorry, no progress so far, but this issue is on track.
Cc: dgozman@chromium.org
Owner: l...@chromium.org
Eric, could you please take a look?

Comment 7 by l...@chromium.org, Oct 21 2016

Labels: M-55
Project Member

Comment 8 by bugdroid1@chromium.org, Oct 26 2016

The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/2f5985ecef25664e1b6bba43b338683dd5d63c64

commit 2f5985ecef25664e1b6bba43b338683dd5d63c64
Author: luoe <luoe@chromium.org>
Date: Wed Oct 26 04:00:49 2016

DevTools: fix rounding of scale in device mode

While resizing the DevTools viewport to be smaller than the emulated device's
screen size in responsive mode, _calculateAndEmulate() clamps the emulated
screen size to preferredScaledWidth/Height(). The condition to do so checks
whether the screen's dimensions are greater than the preferred-scaled
dimensions. The sharp scale calculator in calculateFitScale() would find a scale
nearby the precise value that would result in integer screen sizes.

However, it was possible for the sharp scale to be greater than the actual
scale, which resulted in a smaller preferredScaledWidth/Height() than was
available. This edge case triggers the clamping condition, which led to
inaccurate widths/heights that differed from user input.

BUG= 651123 

Review-Url: https://codereview.chromium.org/2449763002
Cr-Commit-Position: refs/heads/master@{#427583}

[modify] https://crrev.com/2f5985ecef25664e1b6bba43b338683dd5d63c64/third_party/WebKit/Source/devtools/front_end/emulation/DeviceModeModel.js

Labels: TE-Verified-M56 TE-Verified-56.0.2902.0
Verified this issue on Windows-10 using chrome latest Dev M56-56.0.2902.0 by following steps mentioned in the original comment. Observed the responsive width are able to decrease by 1 pixel as expected by pressing down key. Hence adding TE-Verified label.


651123.mp4
6.8 MB View Download

Comment 11 by l...@chromium.org, Oct 27 2016

Labels: Merge-Request-55

Comment 12 by dimu@chromium.org, Oct 27 2016

Labels: -Merge-Request-55 Merge-Approved-55 Hotlist-Merge-Approved
Your change meets the bar and is auto-approved for M55 (branch: 2883)
Project Member

Comment 13 by bugdroid1@chromium.org, Oct 27 2016

Labels: -merge-approved-55 merge-merged-2883
The following revision refers to this bug:
  https://chromium.googlesource.com/chromium/src.git/+/ed09e1e6d44727fef28a03ebb363734d1a998e81

commit ed09e1e6d44727fef28a03ebb363734d1a998e81
Author: luoe <luoe@chromium.org>
Date: Thu Oct 27 23:01:00 2016

DevTools: fix rounding of scale in device mode

While resizing the DevTools viewport to be smaller than the emulated device's
screen size in responsive mode, _calculateAndEmulate() clamps the emulated
screen size to preferredScaledWidth/Height(). The condition to do so checks
whether the screen's dimensions are greater than the preferred-scaled
dimensions. The sharp scale calculator in calculateFitScale() would find a scale
nearby the precise value that would result in integer screen sizes.

However, it was possible for the sharp scale to be greater than the actual
scale, which resulted in a smaller preferredScaledWidth/Height() than was
available. This edge case triggers the clamping condition, which led to
inaccurate widths/heights that differed from user input.

BUG= 651123 
NOTRY=true
NOPRESUBMIT=true

Review-Url: https://codereview.chromium.org/2449763002
Cr-Commit-Position: refs/heads/master@{#427583}
(cherry picked from commit 2f5985ecef25664e1b6bba43b338683dd5d63c64)

Review-Url: https://codereview.chromium.org/2457883004
Cr-Commit-Position: refs/branch-heads/2883@{#347}
Cr-Branched-From: 614d31daee2f61b0180df403a8ad43f20b9f6dd7-refs/heads/master@{#423768}

[modify] https://crrev.com/ed09e1e6d44727fef28a03ebb363734d1a998e81/third_party/WebKit/Source/devtools/front_end/emulation/DeviceModeModel.js

Comment 14 by l...@chromium.org, Oct 28 2016

Status: Fixed (was: Assigned)

Sign in to add a comment