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

Issue 795548 link

Starred by 4 users

Issue metadata

Status: Fixed
Owner:
Closed: Dec 2017
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux , Windows , Mac
Pri: 2
Type: Bug-Regression



Sign in to add a comment

Font rendering in CSS columns layout is inconsistent/broken

Reported by adamr...@gmail.com, Dec 16 2017

Issue description

UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/63.0.3239.108 Safari/537.36

Example URL:
https://whatwebcando.today/

Steps to reproduce the problem:
1. Open the https://whatwebcando.today/ website on a desktop, note icons for features listed in 2nd and 3rd are missing
2. Resize a window to below 768px - note that items that were previously in 2nd and 3rd column lost their text visibility, too
3. Refresh with a narrow window - note that now both the icons and the text is visible for all features
4. Resize the window back to larger - note that icons from 2nd and 3rd column (but not from 1st!) are lost again.

What is the expected behavior?
Both the icons and the text are displayed all the time, regardless of the window size and the column in which the data is displayed

What went wrong?
The fonts rendered in the columns other than first disappeared.

Does it occur on multiple sites: N/A

Is it a problem with a plugin? No 

Did this work before? Yes 62

Does this work in other browsers? Yes

Chrome version: 63.0.3239.108  Channel: stable
OS Version: OS X 10.12.6
Flash Version: 

See screen recording: https://www.youtube.com/watch?v=w7Co-bYNJGk&feature=youtu.be
 

Comment 1 by adamr...@gmail.com, Dec 16 2017

I have already worked around the problem on the live website with this change: https://github.com/NOtherDev/whatwebcando/commit/da41791ae134220eecf258256063abe372e5c49c

It seems that the problem occurs with some combination of overflow: hidden on display: inline-block elements inside the column. Moving overflow to the inline-block parent seems to remove the issue.

Comment 2 by woxxom@gmail.com, Dec 16 2017

Tomorrow the TE team will ask you for a simplified test case html so might as well add it now. 
BTW the bug may be already fixed - check in Chrome Canary (it uses a separate browser profile).
Labels: Needs-Triage-M63 Needs-Bisect

Comment 4 by adamr...@gmail.com, Dec 17 2017

I can confirm it is fixed in Version 65.0.3297.0 (Official Build) canary (64-bit).

Although there is a strange effect of blinking borders/outlines on the buttons when on Canary. Should I file a separate issue about it?
Cc: vamshi.k...@techmahindra.com
Labels: Needs-Feedback Triaged-ET
"Unable to reproduce the issue on reported chrome version 63.0.3239.108 and on the latest 
canary 65.0.3297.0 using Mac 10.13.1, Windows 10 and Ubuntu 14.04 with the below 
mentioned steps.
1. Opened chrome
2. Navigated to https://whatwebcando.today/
3. Opened Dev tools by inspect option.
4. Resized a window to below 768px
5. Scrolled down the page and refreshed
We observed all the icons appeared. Attaching the screen cast of the same.

Note: Checked the issue on MacBook Pro.

@Reporter: Could you please mention whether we have missed any steps in reproducing the 
issue. Also please clarify whether the issue is specific to desktop. Please let us know the 
behavior by checking the issue in a new profile.

Thanks!"
795548.mp4
1.1 MB View Download

Comment 6 by adamr...@gmail.com, Dec 18 2017

As I mentioned in #1, I have already changed the DOM to work around the problem.
And as I mentioned in #4, I think it makes no sense to investigate it further as it is fixed in Canary.
Project Member

Comment 7 by sheriffbot@chromium.org, Dec 18 2017

Labels: -Needs-Feedback
Thank you for providing more feedback. Adding requester "vamshi.kommuri@techmahindra.com" 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>Layout
Labels: -Pri-2 -Type-Compat -Needs-Bisect hasbisect-per-revision ReleaseBlock-Stable M-63 OS-Linux OS-Windows Pri-1 Type-Bug-Regression
Owner: chrishtr@chromium.org
Status: Assigned (was: Unconfirmed)
Able to reproduce the issue on Windows 10, mac 10.12.6 and Ubuntu 14.04 using chrome reported version #63.0.3239.108 and latest canary #65.0.3298.3.

Issue is seen on resizing the window to below 768px, icons for features listed in 2nd and 3rd are missing. PFA screen cast for reference.

Bisect Information:
=====================
Good build: 63.0.3211.0    Revision(500753)
Bad Build : 63.0.3212.0    Revision(500792)

Change Log URL: 
https://chromium.googlesource.com/chromium/src/+log/d09b058a2fca054098e5bd14385516425766519b..c3a3481c4b1b08775b477144d1d2873a2a3d9900

From the above change log suspecting below change
Change-Id: I32b093091172878c21163b66923cac88c5176597
Reviewed-on: https://chromium-review.googlesource.com/646700

chrishtr@ - 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.
Note: Adding RBS label as it seems to be recent regression. Please feel free to remove the same if not appropriate.

Thanks...!!
795548.mp4
4.1 MB View Download
Attaching screen cast of canary behaviour
795548@canary.mp4
3.6 MB View Download
Cc: abdulsyed@chromium.org manoranj...@chromium.org
Labels: M-64
Friendly ping to get an update on this issue as it is marked as stable blocker.
Thanks..!
Re comment #6: if it's easy to put up a version of your site which reproduces
this issue, I can bisect back to what fixed the issue in Chrome. This allows
me to assses whether we have sufficient regression testing in the future, as
well as whether we need a fix for Chrome 64.
Labels: -M-63 FoundIn-63
Labels: -M-64 Target-64

Comment 16 by adamr...@gmail.com, Dec 28 2017

Re comment#13 - here it is, a fork with the version as of before the workaround: https://notherdev.github.io/chromium-795548-whatwebcando/
The bug clearly exists there on Stable.
Thank you for posting the fork.

A reduced testcase is attached here. You can delete the fork now if you wish.
test.html
309 bytes View Download
Labels: -Pri-1 -ReleaseBlock-Stable Pri-2
Project Member

Comment 20 by bugdroid1@chromium.org, Dec 29 2017

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

commit 9e6bb2266d127a2106fb2ed5402ccfe1d29cca4b
Author: Chris Harrelson <chrishtr@chromium.org>
Date: Fri Dec 29 22:02:42 2017

[CI] Add a testcase corresponding to the referenced bug, which is already fixed.

Bug:  795548 
Change-Id: If795cc6343ea633e33caad3f8dab97d16cdf7e72
Reviewed-on: https://chromium-review.googlesource.com/846104
Commit-Queue: Chris Harrelson <chrishtr@chromium.org>
Reviewed-by: Xianzhu Wang <wangxianzhu@chromium.org>
Cr-Commit-Position: refs/heads/master@{#526394}
[add] https://crrev.com/9e6bb2266d127a2106fb2ed5402ccfe1d29cca4b/third_party/WebKit/LayoutTests/fragmentation/transformed-clip-before-second-column.html
[add] https://crrev.com/9e6bb2266d127a2106fb2ed5402ccfe1d29cca4b/third_party/WebKit/LayoutTests/platform/linux/fragmentation/transformed-clip-before-second-column-expected.png
[add] https://crrev.com/9e6bb2266d127a2106fb2ed5402ccfe1d29cca4b/third_party/WebKit/LayoutTests/platform/linux/fragmentation/transformed-clip-before-second-column-expected.txt
[add] https://crrev.com/9e6bb2266d127a2106fb2ed5402ccfe1d29cca4b/third_party/WebKit/LayoutTests/platform/mac/fragmentation/transformed-clip-before-second-column-expected.png
[add] https://crrev.com/9e6bb2266d127a2106fb2ed5402ccfe1d29cca4b/third_party/WebKit/LayoutTests/platform/mac/fragmentation/transformed-clip-before-second-column-expected.txt
[add] https://crrev.com/9e6bb2266d127a2106fb2ed5402ccfe1d29cca4b/third_party/WebKit/LayoutTests/platform/win/fragmentation/transformed-clip-before-second-column-expected.png
[add] https://crrev.com/9e6bb2266d127a2106fb2ed5402ccfe1d29cca4b/third_party/WebKit/LayoutTests/platform/win/fragmentation/transformed-clip-before-second-column-expected.txt
[add] https://crrev.com/9e6bb2266d127a2106fb2ed5402ccfe1d29cca4b/third_party/WebKit/LayoutTests/platform/win7/fragmentation/transformed-clip-before-second-column-expected.png

Status: Fixed (was: Assigned)

Sign in to add a comment