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

Issue 870596 link

Starred by 1 user
Status: Assigned
Owner:
szager@chromium.org
Cc:
█ krajshree@chromium.org
bokan@chromium.org
Components:
EstimatedDays: ----
NextAction: ----
OS: Windows
Pri: 2
Type: Bug



Sign in to add a comment

Margin inside flexbox does not account for scrollbar when page zoom changes.

Reported by kkusumaw...@gmail.com, Aug 3 
UserAgent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/68.0.3440.84 Safari/537.36

Example URL:
Please check the attachment. its has a sample .html file.

Steps to reproduce the problem:
1. Watch this youtube video that describe the issue: https://www.youtube.com/watch?v=iaYDA4ubMNU
2. Open the attachment of sample.html file using chrome browser.
3. Do browser zoom in or out and inspect the bug that describe in this youtube video: https://www.youtube.com/watch?v=iaYDA4ubMNU

What is the expected behavior?
Please check this video: https://www.youtube.com/watch?v=iaYDA4ubMNU

What went wrong?
Please check this video: https://www.youtube.com/watch?v=iaYDA4ubMNU

Does it occur on multiple sites: Yes

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? Yes

Chrome version: 68.0.3440.84  Channel: stable
OS Version: 10.0
Flash Version:
scrollbar_overlapping_issue.html
10.3 KB View Download

Comment 1 by tkent@chromium.org, Aug 5

Components: -Blink Blink>Scroll

Comment 2 by viswa.karala@chromium.org, Aug 6

Labels: Needs-Triage-M68

Comment 3 by krajshree@chromium.org, Aug 7

Cc: krajshree@chromium.org
Labels: Triaged-ET Needs-Feedback
Unable to reproduce the issue on Win-10 using chrome reported version #68.0.3440.84 and latest canary #70.0.3515.0.
Attached a screen cast for reference.

Following are the steps followed to reproduce the issue.
------------
1. Opened the attached file "scrollbar_overlapping_issue.html"
2. Did not observe any scrollbar getting overlapped when overflow defined flex item get zoomed in or out.

kkusumawathi@ - Could you please check the issue on latest canary #70.0.3515.0 by creating a new profile without any apps and extensions and please let us know if the issue still persist or not.

Thanks...!!
870596.mp4
11.9 MB View Download

Comment 4 by bokan@chromium.org, Aug 9

Cc: bokan@chromium.org
Components: -Blink>Scroll Blink>Layout
Status: Untriaged (was: Unconfirmed)
Summary: Margin inside flexbox does not account for scrollbar when page zoom changes. (was: Scrollbar get overlap when overflow defined flex item get zoomed in or out)
I can confirm the issue.

Repro instructions:
1) Open file attached in original report
2) Resize page so that pink box is scrollable
3) Scroll down to green box
4) Zoom in using ctrl+

Expected: The page should zoom in, the green box should have a 15px margin from the scrollbar

Actual: The page zooms in but the green box's right margin starts from the padding edge rather than the content edge so it's overlapped by the scrollbar.

Note: zooming back out now causes the layout to differ from the initial rendering so this appears to be a problem in how we respond to changes in zoom level.

Comment 5 by e...@chromium.org, Aug 10

Owner: szager@chromium.org
Status: Assigned (was: Untriaged)

Comment 6 by kkusumaw...@gmail.com, Aug 19 

I think the title must change. 

because, This is not just only margin. it's pretty much everything. e.i: padding, border, margin and even content.
►

Sign in to add a comment