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

Issue 750490 link

Starred by 1 user

Issue metadata

Status: Available
Owner: ----
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Bug-Regression



Sign in to add a comment

gap between containers (only (?) when using 'line-height')

Reported by i...@elookon.de, Jul 30 2017

Issue description

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

Steps to reproduce the problem:
Use following HTML:

<div style="line-height: 5rem; border: 1px solid blue;">
	<span style="display: inline-block; width: 5rem; border: 1px solid green;">Foobar</span>
</div>

What is the expected behavior?

What went wrong?
There is a white gap between the <div> and the encapsuled <span>. Depending on resultion and zoom factor the gap appears or disappears.

Did this work before? N/A 

Does this work in other browsers? N/A

Chrome version: 60.0.3112.78  Channel: stable
OS Version: 10.0
Flash Version:
 
border500percent.png
16.6 KB View Download
border125wqhd.png
2.8 KB View Download
border1004k.png
2.7 KB View Download
Labels: Needs-Triage-M60

Comment 2 by hdodda@chromium.org, Jul 31 2017

Cc: hdodda@chromium.org
Labels: Needs-Feedback
Tested the issue on windows 10 & 7 using chrome M60 #60.0.3112.78 and canary M62 #62.0.3172.0 and observed as attached in screencast.

Observed that in firefox there is no white gap shown in different zooming and chrome has white gap in different zooming.

@info-- Could you please check attached screencast and confirm us the expected behavior  is same as the firefox to triage the issue better.

Thanks!
750490.mp4
967 KB View Download

Comment 3 by i...@elookon.de, Jul 31 2017

@hdodda: Yes I can confirm this, in Mozilla Firefox is no white gap, I also tested it :)
Project Member

Comment 4 by sheriffbot@chromium.org, Jul 31 2017

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "hdodda@chromium.org" to the cc list and removing "Needs-Feedback" label.

For more details visit https://www.chromium.org/issue-tracking/autotriage - Your friendly Sheriffbot
Components: -Blink>CSS Blink>Paint
I have created a fiddle with the test case here https://jsfiddle.net/2x4txvb5/

Able to repro this on chrome 59.0.3071.115 on both Windows 10 and Mac 10.12.6, but only at zoom levels of 125% and 175%. Unable to repro this on canary 62.0.3173.0 

Reassigning to Blink>Paint as this seems like it could be a painting issue. The CSS seems to be correct here.
Cc: pdr@chromium.org
Labels: -Type-Bug -Pri-2 hasbisect-per-revision M-62 OS-Linux OS-Mac Pri-1 Type-Bug-Regression
Owner: ka...@opera.com
Status: Assigned (was: Unconfirmed)
Able to reproduce the issue on mac os 10.12.6 , ubuntu 14.04 and windows 7 using M60 #60.0.3112.78 and canary M62 #62.0.3173.2 .

This is a regression issue broken in M58.

Using the per-revision bisect providing the bisect results,
Good build: 58.0.3011.0(Revision: 449903).
Bad build: 58.0.3013.0 (Revision: 450530).

You are probably looking for a change made after 449942 (known good), but no later than 449943 (first known bad).

CHANGELOG URL:

The script might not always return single CL as suspectas some perf builds might get missing due to failure.

 https://chromium.googlesource.com/chromium/src/+log/d6df828820be4b0f22b9bed959fb2bd93f84b331..934becac5daa91ea979fb66e4ae21761ca11ebc9

From the CL above, assigning the issue to the concern owner 

@karlo- Could you please check whether this is caused with respect to your change, if not please help us in assigning it to the right owner.

Review-Url: https://codereview.chromium.org/2640143005

Thanks!
Labels: -Pri-1 -Needs-Triage-M60 BugSource-User PaintTeamTriaged-20170801 Pri-2
Not a P1. Yes, it's annoying, but it does not prevent WebSite functioning or lead to missing content.

It's almost impossible to fix this too.
Why isn't it possible to fix it?
It's hard to fix because we would need to modify the sub-pixel snapping behavior such that this case worked while not breaking others. In particular, background images might develop gaps if we rounded out to fill the gap in this case. The context of one border abutting another is very hard to detect, so we can't special case situations like this.

Arguably the outer border should snap the same way as the inner one if it is in the same place, but I'm guessing they are not actually in exactly the same place (because one does not draw on top of the other).

Comment 10 by ka...@opera.com, Feb 28 2018

Owner: karloygard@chromium.org
Cc: karloygard@chromium.org
Owner: ----
Status: Available (was: Assigned)

Sign in to add a comment