New issue
Advanced search Search tips

Issue 789078 link

Starred by 2 users

Issue metadata

Status: Assigned
Owner:
Cc:
Components:
EstimatedDays: ----
NextAction: ----
OS: Linux
Pri: 2
Type: Compat



Sign in to add a comment

Phantom 255x255px square when adding <div> with text

Reported by n.borise...@gmail.com, Nov 28 2017

Issue description

UserAgent: Mozilla/5.0 (X11; Linux x86_64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/62.0.3202.62 Safari/537.36

Example URL:

Steps to reproduce the problem:
1. Open html file from attachment in browser
2. Do you see a square of more dark green color in the top left corner?

What is the expected behavior?

What went wrong?
When I add <div> with the text on the page some square of more dark color is displayed.

Does it occur on multiple sites: No

Is it a problem with a plugin? No 

Did this work before? N/A 

Does this work in other browsers? N/A

Chrome version: 62.0.3202.62  Channel: n/a
OS Version: 
Flash Version: 

* See the screenshot in attachments. (The square isn't visible in some image viewers. Pinta or Gimp shows the square on screenshot).
* I can't reproduce this problem on another device in google chrome or chromium.
* I can't reproduce this problem in Firefox on the same device
* I can't reproduce this problem on jsfiddle site
* When i enable GPU rasterization in settings The square turns into a rectangle, 255 pixels high and width = width the page.
* OS: Ubuntu 17.10 x64. Cinnamon desktop environment.
* GPU: Intel Corporation 2nd Generation Core Processor Family Integrated Graphics Controller (rev 09).
* i915 module for GPU
 
green-color-wtf-test.html
99 bytes View Download
chrome-green-color-div-problem-2.png
76.6 KB View Download
Addition: I can't see a square if I open my screenshot in the browser
Labels: Needs-Triage-M62
Components: Blink>Paint
Seems like color correction
Thanks for the hint. I have carried out several tests... If I enable "Force color profile"="sRGB" in settings then now colors in Google Chrome look just as in Firefox and there is no square of 255 pixels in size.

As far as I have understood, with default settings Google Chrome uses the current color profile of the monitor, and Firefox doesn't use it. If I enable "color management" in Firefox, then the image looks just as in Chrome with default settings, but there is no square of 255 pixels in size.

Why does this square appear in Google Chrome with "Force color profile"="Default"?
Labels: -Needs-Triage-M62
Owner: ccameron@chromium.org
Status: Assigned (was: Unconfirmed)
Could you please locate and attach the color profile in use? It might be a case we have not seen before. See this doc for the profile location, although it sounds like you already have that knowledge.

https://docs.google.com/document/d/1jMokB_OBkZVELu22li8vnHxAUoL1eGnLedP-1Gttv40/edit
I have updated the Google Chrome to the stable version 63.0.3239.84. The color profile in an attachment
edid-e2e895ca17518baabfc56312eb162e02.icc
1.8 KB Download
I took another device (Windows 10), downloaded the color profile from the previous comment, applied this profile and can reproduce this problem. But now the square expands to the full width of the window. The same rectangle I saw on the Linux laptop when I turned on the "GPU Rasterization" in chrome://flags
issue-789078-win10-with-color-profile-from-linux.png
31.5 KB View Download
Rounding error can account for a difference of 1 pixel value - lemme see if this is >1 pixel value (and if so why)
Also reproducible in Chrome 64.0.3282.186 on OS X 10.13.1 (except GPU rasterisation set to ‘enable’ fixes this).

Additionally, if a separate `background-color` is set on the root element, the square will turn into a full-with rectangle.

Attaching the profile.
D65.icc
9.4 KB Download
Thanks, I'll see how we handle that

Sign in to add a comment