New issue
Advanced search Search tips
Note: Color blocks (like or ) mean that a user may not be available. Tooltip shows the reason.

Issue 773644 link

Starred by 2 users

Issue metadata

Status: Started
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows
Pri: 3
Type: Bug-Regression



Sign in to add a comment

Textboxes are chopped from right side after zoom in/out the DevTools Settings page.

Reported by dchau...@etouch.net, Oct 11 2017

Issue description

Chrome Version: 62.0.3202.52 (Official Build)d6ed027fa2ac4051e8fd20a916a8df4350c22986-refs/branch-heads/3202@{#653} 32/64-bit.
OS: Windows(7,8,10), Linux(14.04 LTS).

What steps will reproduce the problem?
1. Launch Chrome, Open DevTools window and press F1 key to open 'Settings' page.
2. Go to Devices section and click on 'Add custom device' button(Observe right side border of 'Device name' and 'Device pixel ratio' text-box).
3. Zoom in the page and then zoom out it using 'Ctrl' + 'Mouse wheel' and observe the right side border of 'Device name' and 'Device pixel ratio' text-box.

'Device name' and 'Device pixel ratio' text-box are seems to be chopped from right side.
'Device name' and 'Device pixel ratio' text-box should seen properly.

This is a regression issue, broken in M-58 series, below is manual regression range.

Good build: 58.0.3005.0
Bad build: 58.0.3006.0

You are probably looking for a change made after 448731 (known good), but no later than 448732 (first known bad).
CHANGELOG URL:
The script might not always return single CL as suspect as some perf builds might get missing due to failure.
  https://chromium.googlesource.com/chromium/src/+log/c405416053b99aa4d6f98f3126608c660773f6b4..7b1e0cb2db282469b4b81f47d40ab45132a7ec0f

Suspect: https://chromium.googlesource.com/chromium/src/+/7b1e0cb2db282469b4b81f47d40ab45132a7ec0f

@szager: Kindly help to reassign if your changes are not related to this issue.

Note: This issue is not seen on Mac OS.

Kindly review the attached screen-cast for reference.



EDIT: smaller repro case here, https://jsfiddle.net/xqvhy8e9/3/

Actual: After zooming in, the scrollbar is covering up the tall child element, and its red, right border is hidden
Expected: Red, right border should be visible even after zooming in
 
Actual behavior.mp4
1.2 MB View Download
Expected_behavior.mp4
699 KB View Download
Owner: a-...@yandex-team.ru
Owner: l...@chromium.org
Ouch

Comment 3 by l...@chromium.org, Dec 14 2017

Labels: -Pri-1 Pri-3

Comment 4 by l...@chromium.org, Jan 2 2018

Cc: l...@chromium.org
Components: Blink>Layout
Owner: szager@chromium.org
Summary: Textboxes are chopped from right side after zoom in/out the DevTools Settings page. (was: Regression: Textboxes are seems to be chopped from right side after zoom in/out the Settings page. )
I've reduced the DevTools problem to a fiddle: https://jsfiddle.net/xqvhy8e9/3/

After zooming in, the scrollbar is covering up the tall child element, and its right border is hidden, when we expect it to be visible.  The fiddle case I have seems different from the one in (  https://crbug.com/387290  ), but it seems related.

szager@, could you please take a look at this Blink issue?


Comment 5 by l...@chromium.org, Jan 2 2018

Description: Show this description

Comment 6 by szager@chromium.org, Jan 10 2018

Status: Started (was: Assigned)
Thanks for the great reduced test case, I have a fix in flight.
Do you think you'll be able to land it any time soon? :)

Sign in to add a comment