I can verify this happening with my Macbook Pro too. 

Chrome 26.0.1410.43
MacBook Pro 1440 X 900

I can verify that this is happening on my Macbook Air at 1440 x 900.

Chrome Version 26.0.1410.43

We're seeing it on voteguide.com on the homepage. Similar CSS:

-webkit-radial-gradient(center, circle farthest-side, #263f68 0%, #12233e 92%)

Very noticeable when the brightness is high on my machine.

Tested the same on MacBook Pro 10.8.2 chrome version 26.0.1410.43 - Unable to repro

The example URL mentioned above is not opening. So tested with voteguide.com but could not observe any flickering.

@ caslivkoff, Can you please provide the sample html file or a screen cast for better understanding. Also remove any added extensions from chrome and recheck. Let us know if the issue still exists.

@tkonch

The URL simply loads a page containing the CSS provided in my original report. I have also attached a copy.
It is a blank page. The gray gradient background shows horizontal bands.

Still seeing the flickering with Chrome 26.0.1410.65.

OS X 10.8.3

A window grab also displays the flicker, though not exactly the same. I wonder if this has to do with the compression used to save the file.

test.html 135 bytes View Download

	screenshot.png 58.4 KB View Download

@tkonch

Did you turn your screen brightness all the way up? The effect usually isn't visible for lower brightness settings.

The problem on voteguide happens even in a private browsing session, which would seem to rule out plugins. 

Same issue

Specs: Mac OSX 10.7.4
Resolution: 1280 x 800

This problem happens to me too, after I upgraded Mac OS X 10.8.2 to Max OS X 10.8.3.

Test with this imagem:

	Captura de Tela 2013-04-03 às 13.04.34.png 108 KB View Download

Able to see the flickering on Mac osx 10.8.3 using the URL voteguide.com on Chrome when compared to Safari and Firefox.

Unable to see any flickering with the URL https://casl-d02.andrew.cmu.edu/test/test.html

Not a regression as it is reproducible on M25 build as well - 25.0.1364.172

Seeing this flickering on Windows & Linux as well. 

Seeing the flickering on Mac OS Z 10.8.3 too. Both on https://casl-d02.andrew.cmu.edu/test/test.html as on http://lab.hakim.se/reveal-js/#/

Firefox and Safari don't have this flickering.

Got this flickering too on OS X 10.8.3 with Chrome v26. But I fear this is a problem with the MacBook's display, because I can't reproduce on Windows (different machine and display) or on an external screen connected to my MacBook. But the flickering appears when I use Chrome on Windows in VMWare on my MacBook. The only constant in all the flickering setups is the MacBook's display. So, do we all have messed up displays?

@7amp

This flickering did not occur with Chrome <= 25.

It seems possible that Chrome 26 is poking at the rendering code in some unexpected way that maybe should be reported to Apple.

Same issue here with Mac OS X 10.7.5 (11G63), Chrome 26.0.1410.65 and MacBookPro8,1
As mentioned before Safari and Firefox don't have this issue.

Cheers!

Same issue here.
Mac OS X 10.8.3
Chrome 26.0.1410.65

Since I can remember, the problem not occurred in OS X 10.8.2.

This also can viewed here: http://pages.github.com

I have this too!
Mac OS X 10.6.8
Chrome 26.0.1410.65

I have this issue as well. 10.8.3, MBP 2011, External 30" HP Display, 2560x1600, Chrome 26.0.1410.65. This problem does not exist at 2048x1240.

I can confirm this problem on Windows 8 1920x1080.

This issue is confirmed and is a duplicated of #41756 https://code.google.com/p/chromium/issues/detail?id=41756

CSS3 gradients are not smooth on Chrome all versions. They are perfectly smooth on Firefox, Safari, Opera and IE.

Also, according to the corresponding W3C guidelines, gradients should be transitionable like any other property, unfortunately Chrome does not support transitions with gradients. For information IE10 does support transitioning gradients, and it does it very smoothly, not to say that the gradient itself is very smooth and doesn't have any banding.

This bug was reported 3 years and 1 month ago to Google, and you did not fix this very serious issue yet. Any other vendors support smooth gradients, some even with transitions, while Chrome don't support both. It looks to me like Chrome is the next IE: a cumbersome software too big and too complex to be able to resolve bugs like those in a reasonable amount of time, and 3 years IS NOT a reasonable amount of time.

Sincerely,
Palina Zarth

Same gradient flickering issue.
Latest MacBook Pro 13inch, OS X 10.8
Chrome 27

Not seen in FF, Safari.

I can confirm this issue with:
  Chrome 26 on OS X 10.8.3
  Chrome 29 on Windows 7 x64 SP1 (VMware Fusion)
but I don't get this issue with:
  Chrome 29 on Windows 7 x64 SP1 (dualboot, a.k.a bootcamp)
   * Same installation I used in VMware)
Then I take a screenshot on bootcamp Windows (I don't see any flicker on Windows) and view it under OS X in fullscreen, and only in fullscreen - I get the flickering.

Then I did more test: I connect to a external display (not an apple one, connected via HDMI) and close my laptop lid, I don't have flickering on my external display. Then I opened my laptop lid again - dafuq it doesn't flicker that much (not stopped, but I feel it flickers less. maybe just my misconception?)

And it doesn't produce any flickering on my laptop screen in mission control (which will be resized) just like the resized screenshot stops flickering, and if I zoom in on Chrome flickering parts, it won't have any flickering problem on zoomed view.

The same gradient doesn't create flicker with:
  OS X 10.8.3
    Firefox 21 
    Safari 6.0.4
  Windows 7 x64 SP1 (both VMware and dualboot)
    Firefox 21
    Internet Explorer 10

Windows (only dualboot) version of Chrome 29 doesn't have this flickering issue, but it does look different comparing to Firefox / Internet Explorer randering.

This issue is so annoying that I nearly gave up using Chrome on OS X for this only reason. Hope my test may help solving this problem.

My laptop display has a resolution of 1366x768, if I go down to 1344x756, I still get this issue, if I go down to 800x600, I won't see any flickering.

And it can't be an apple hardware problem since I'm not using a mackintosh.

It's an hardware problem related to the LCD pixel walk effect. In my MacBook Pro 13 inch the flicker is pretty big.
Probably the pixel pattern for the gradient rendering increase the pixel walk effect.

Same gradient flickering issue.

 MacBook Pro 13inch, OS X 10.7.5
Chrome 27

Not seen in FF, Safari.

Same problem here. Chrome Version 27.0.1453.93/Mac OSX 10.6.8. Works fine in webkit nightly and safari.
Any idea when a fix might come?

Seeing same problem on https://postgres.heroku.com/pricing - its fine in safari. 

Seeing the same issue on all examples shown in the previous comments.
Macbook Pro 8,3 17inch, OS X 10.8.4.
Chrome 27.0.1453.93

Why is this issue still not merged with https://code.google.com/p/chromium/issues/detail?id=41756
?

It's the same bug, it occurs on all medium to high-DPI screens.

A good URL to demonstrate the bug is http://www.theuselessweb.com/. It uses as its background a radial gradient which starts out white at the center and ends at rgb(242, 242, 242) at the periphery.

On an HP LP3065 attached to a 2008 15-inch MacBook Pro, it flickers strongly when viewed using Chrome. It does not flicker when viewed in Firefox on the same monitor. It also does not flicker when viewed using either browser on the MBP's built-in screen.

Chrome Version 27.0.1453.110.

I just noticed this bug while working on a reveal.js presentation, after updating Chrome on Friday. Visible here: http://lab.hakim.se/reveal-js/#/

Reproduced on Chrome 27.0.1453.110
Running on OS X 10.7.5

Was working on a web design when I noticed a subtle flicker in my gradient:
The test case from the original poster is a very strong flicker.

For my page, there is no noticeable flicker in Firefox 20.0 nor in Safari 6.0.4 (7536.29.13)

My gradient CSS:
	background: -moz-radial-gradient(center, ellipse cover,  #44197f 0%, #320a38 100%, #7db9e8 100%);
	background: -webkit-gradient(radial, center center, 0px, center center, 100%, color-stop(0%,#44197f), color-stop(100%,#320a38), color-stop(100%,#7db9e8));
	background: -webkit-radial-gradient(center, ellipse cover,  #44197f 0%,#320a38 100%,#7db9e8 100%);
	background: -o-radial-gradient(center, ellipse cover,  #44197f 0%,#320a38 100%,#7db9e8 100%);
	background: -ms-radial-gradient(center, ellipse cover,  #44197f 0%,#320a38 100%,#7db9e8 100%);
	background: radial-gradient(ellipse at center,  #44197f 0%,#320a38 100%,#7db9e8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44197f', endColorstr='#7db9e8',GradientType=1 );

Came across the same issue. Flickering can be resolved by setting a size to your background and no-repeat, eg: background-size: 100%; background-repeat: no-repeat;

Same gradient flickering issue.

MacBook Pro 13 , OS X 10.8.4, Chrome 27

Not seen in Opera, Safari.

And i ""gladly"" report that the same kind of issue is still present in Chrome 28.0.1500.52 beta. I've returned to Firefox and I'm happy—my RAM isn't =P.

This issue is still present in Chrome Canary (Version 29.0.1546.0 canary)

For those who can see the flickering, please visit http://www.lagom.nl/lcd-test/inversion.php and look at the test images there. 

I see horrible flickering in 4a and 4b (depending on vertical scroll position) on my late 2010 Macbook Air. It looks perfect on my Chromebook Pixel.

This is not gradient specific, it is to do with the dithering that was introduced as a fix to the complaint filed in https://code.google.com/p/chromium/issues/detail?id=41756. 

@mikelawther@chromium.org I don't see any problem with the link you posted. It looks exactly the same on all browsers. There's no flickering.

The issue is with CSS gradients, not with images.
That can be confirmed by displaying the following image-based gradient: http://www.lagom.nl/lcd-test/gradient.php#gradient-h.png
which looks OK also on Chrome.

Please read all the information we provided you with before replying with non-related stuff. Thank you.

@anonymous84327 - there's no need to be rude. I did read everything, and was agreeing with comment #28.

I actually do see some flickering on http://www.lagom.nl/lcd-test/gradient.php#gradient-h.png on my 2010 Macbook Air's LCD display. It flickers no matter what image display program I use. Same (for me) with the pixel patterns I posted earlier.

Some pixel patterns tickle some graphics cards/displays to behave like this. Searching for 'macbook flicker' or even 'lcd flicker' turns up countless examples of this.

Do we have any proposed solutions for this? Not seeing a change on #37.

I'm running 27.0.1453.116 on a Macbook Pro 2011 and I am experiencing the issue.

The Lagom tests show this artifact cross-browser, but this is definitely a Chrome gradient issue. Here's a good test page: http://phaseone.me/internets/chromium_issue_226753/

It's clearly a rendering issue with dithering as the problem is also in screen caps.

The issue is related to https://code.google.com/p/chromium/issues/detail?id=41756, but they are not the same "issue", so @anonymous84327, we don't need to merge.

I'm still seeing this problem on a 2011 macbook pro 13" running 10.6.8 and the latest version of chrome.

I've seen this across multiple websites, and switching to safari has always fixed the issue for those sites.

The grey header on this site, in particular, is an example of the problem:

http://www.pcworld.com/article/2045885/email-security-strongest-from-social-media-report-reveals.html

Same happens here (Macbook Pro Mid June 2012). Only when using Chrome. Safari is ok.

Another site example that shows that problem: http://bitbucket.org (the blue background)

Same here. I'm on a Macbook Pro mid june 2012 model running 10.8.4. I'm using Chrome 28.0.1500.95 and the problem is still there...

As others have said the problem is on Chrome only, sites with gradients on other browsers like Safari and Firefox works as they should.

I have the same problem with Ghrome, another example is http://www.apple.com/ and http://codepen.io/juliangarnier/pen/hzDAF code editor

Same problem with Chrome 29.0.1547.57 / OSX 10.7.5 / 13" late 2011 MBP. The flickering is visible only on the laptop's screen, not on an external Cinema Display.

Same happens for me on Chrome 31.0.1622.0 dev / OS X 10.8.4 / 15" MBP early 2011. The problem shows up a lot more when only using a single display, and the built-in Intel HD Graphics 3000 is active. The AMD Radeon 6750M shows the effect less. 

Another site which shows the issue: https://panic.com/~wade/picker/

Here's what the test page http://phaseone.me/internets/chromium_issue_226753/ looks like on (my) different browsers on OSX 10.8.4:

- Chrome 29: "symmetric" dithering
- Safari 6: no dithering at all (visible bands)
- Firefox 23: (quite) random-looking dithering

I attached a 4x zoomed screenshot of a part of the page on different browsers, with enhanced contrast. Note how Chrome's dithering patterns closely resembles some of the lagom.nl tests. 

At least on my 2010 MBA display, Firefox is clearly the winner here: no flickering, smooth gradient.

	chrome-firefox-safari.png 15.0 KB View Download

I can confirm this problem is still present on MacBook Pro early 2011 1680x1050.
Is there any way we can ask google/apple to fix this? 
Today many web sites are using gradients and all of them cause boring flickering.

Still happening. Chrome 31.0.1650.63

I'm seeing this issue on a Mid 2012 MacBook Pro. My graphics configuration from System Profile follows:

Intel HD Graphics 4000:

  Chipset Model:	Intel HD Graphics 4000
  Type:	GPU
  Bus:	Built-In
  VRAM (Total):	1024 MB
  Vendor:	Intel (0x8086)
  Device ID:	0x0166
  Revision ID:	0x0009
  gMux Version:	1.9.23
  Displays:
Color LCD:
  Display Type:	LCD
  Resolution:	1680 x 1050
  Pixel Depth:	32-Bit Color (ARGB8888)
  Main Display:	Yes
  Mirror:	Off
  Online:	Yes
  Built-In:	Yes

I'm also seeing this, OS X 10.9.2, Chome 33.0.1750.146

Note that this issue is heavily present on this page: http://codepen.io/pen/

Just updated chrome to Version 33.0.1750.149 (disabled all plugins) can see it happening on the bootstrap gradient on my Macbook Pro 10.9.2 Late 2011

AMD Radeon HD 6750M:

  Chipset Model:	AMD Radeon HD 6750M
  Type:	GPU
  Bus:	PCIe
  PCIe Lane Width:	x8
  VRAM (Total):	1024 MB
  Vendor:	ATI (0x1002)
  Device ID:	0x6741
  Revision ID:	0x0000
  ROM Revision:	113-C0170L-573
  gMux Version:	1.9.23
  EFI Driver Version:	01.00.573

Intel HD Graphics 3000:

  Chipset Model:	Intel HD Graphics 3000
  Type:	GPU
  Bus:	Built-In
  VRAM (Total):	512 MB
  Vendor:	Intel (0x8086)
  Device ID:	0x0126
  Revision ID:	0x0009
  gMux Version:	1.9.23
  Displays:
Color LCD:
  Display Type:	LCD
  Resolution:	1680 x 1050
  Pixel Depth:	32-Bit Color (ARGB8888)
  Main Display:	Yes
  Mirror:	Off
  Online:	Yes
  Built-In:	Yes

I have this issue too.
MBP mavericks with chrome latest version (stable channel)

It's same here on my Mac 10.9.2 with chrome Version 33.0.1750.152.
it happen with any web page use css to render background gradient. 
it's only on chrome. safari or firefox, opera work fine!

I found out that the severity of the dithering depends on wether the discrete (AMD) or the integrated (intel) graphics chip is used. being slightly less severe running on the former.
rregards, thomas

Same issue here. Considering change my default browser back to Firefox.

For me it seems like this has been finally fixed. Today I see no flickering on gradients for the first time.
Macbook pro early2011 15inch

@federico: I guess you are running on the discrete graphics chip (nvida or amd) where the issue is not that prominently visible.

The original css I provided still exhibits the behavior. 

https://casl-d02.andrew.cmu.edu/test/test.html

Indeed, it it much more prominent when the Intel integrated graphics are in-use.
 
Chrome: 33.0.1750.152
OS X: 10.9.2

@thomas unfortunately you're right, I was using the nvidia card.
Sorry for giving you false hopes, my mac automatically switches between the two graphics and I wasn't aware which card i was using

it happen on HDxxx intel graphic. 

Having the same problem in Chrome. Flickering appears when the gradient's surface is large (width:960px; height:300px;). Safari doesn't flicker but displays a banded gradient. Firefox works fine.

I can confirm that this issue only occurs on the Intel HD graphics card. If your mac is running 2 graphics cards inside it, you can go into the energy saver preferences and disable automatic graphics switching to resolve this issue. It seems like it's more of an issue with the card than it is with Chrome, as I've seen other apps exhibit similar behavior.

As far as I'm concerned, Safari isn't rendering the gradient properly at all. Safari's "fix" is to reduce the gradient to color bands, which doesn't accurately reproduce the gradient and looks extremely ugly, so that's a fail in my book.


As for IE, this issue is prevalent to Mac OSX, which IE doesn't run on, so there's no argument there.




In addition, as I said, Chrome isn't the only Mac app that has this issue rendering gradients, and by switching to a different card, the problem fixes itself system-wide. Not only that, but I've tested the issue on other Macs running the same version of Chrome, and they don't have this problem. So yeah, Firefox is the only browser that doesn't fail at rendering gradients. Thanks for your kind words, though. 

That's great, and I apologize for my mistake. However, we're talking about 2 different operating systems, which means there'll be 2 different fixes. There's no need to get upset over one issue; I'm chalking it up to the fact that there may be more than one factor contributing to the problem depending on what system you're running on, and what your setup looks like. --
Noel Forté
Designer

(339)-227-2699
ntforte@gmail.com
http://noelforte.com

I've been looking into this quite a bit and I'm pretty confident this is the result of two separate "bugs". 

The first isn't really a bug at all, it's a power saving "feature" present to varying degrees on different mobile GPUs (and yes, Intel GPUs seem to be affected the most). Like #41, #43, and #70 said (before anonymous84327 so rudely interrupted them) I too was seeing the "pixel-walk" or "flashing" effect on all browsers and applications even on rasterized PNGs. I'm on Windows 8.1 on an Asus UX302LG. I noticed that as this pixel-walk effect was taking place my display brightness was dropping as well, so I figured this was likely some sort of "dynamic backlighting" technology similar to what's commonly used on LCD televisions. Sure enough, I was able to fix the issue system wide by going into my Intel Graphics settings, Power, and disabling "Display Power Saving Technology".

Now the reason some people are seeing this issue on Chrome but not other browsers when CSS or SVG gradients are involved is actually because of this bug: https://code.google.com/p/chromium/issues/detail?id=41756. The issue is that Chrome isn't rendering gradients the same as other browsers, and it just so happens that the way it is rendering is triggering the "feature" I described above, while the way all the other browsers are rendering doesn't trigger the "feature".

So in short, the flashing/pixel-walk effect is actually a system wide GPU/Display power saving feature. The non-standard gradient rendering issue is already filed as issue #41756. I think this bug can be closed and the focus should be on #41756 which happens to be over 4 years old!

Yes, I happened to search the net for the issue on why it was happening on my MacBook Pro 13' and then found this post. So I guess I am not the only one and seems like a Chrome issue. I am not able to see this problem in Firefox or Safari. 

I hope this gets fixed soon. I do intensive Web Designing and this is a major hinderance.

Having same issue on Macbook pro 13'. In Safari can't reproduce. Good that my screen is not broken as I was afraid. :)

I first started having this problem about 3 weeks ago. Since then I've had my macbook pro 13" mid 2011 screen replaced in an attempt to fix it. It of course didn't solve the problem and I was about to have the macbook pro's logic board replaced, luckily I found this bug report first!

I've just come from the apple store and explained that other people are having this issue, so it appears to be an issue with all the macbook pro 13" none-retina displays that chrome is exposing via it's gradient rendering. The apple guy agreed and said there is nothing they can do.

Here are some screen shots I've collected which I've been showing to the Apple store

	Screen Shot 2014-07-30 at 18.10.30.png 25.7 KB View Download

	flickering greys.png 53.3 KB View Download

	flickering site.png 10.8 KB View Download

	flickering greys 2.png 65.9 KB View Download

	bg.png 10.8 KB View Download

	revealjs.png 263 KB View Download

	flickering grey.png 34.6 KB View Download

We're aware of the problem and its symptoms. This issue won't be fixed until the other blocking issues in the Skia core are resolved. Basically the whole gradient rendering system has to be rebased. Nobody wants to take on these issues, and it's been 4, yes 4, years since the underlying bug has been active.


Please avoid "me too" responses unless you are asked for some more examples at this point, as messages get blasted to everyone that starred this issue.
—
Sent from Mailbox

Just to mix this soup a bit to take in consideration

I have been trying to fight with Apple last half an year to fix my laptop. It's having flickering issues when gradients are involved. I first thought that it is problem with Chrome as many here seem to think. But, after taking screenshot of the webpage having this issue and accidentally watching it later in fullscreen mode... I recognized that it was flickering too. After spending some time investigating, it wasn't related to any specific application. Just the colors and their contrast and via them to gradients.

After four months Apple said that they have got "some" reports about flickering and it's so slight that it is in specifications. I just don't approve that answer as it isn't just slight flickering. They asked me to send screenshots (again) and make video of it. Video is having noise and other distortion as almost always when recording screens.. but flickering is still highly recognizable and Apple admitted that they can see it from video. Links below for some screenshots that have in 1:1 ratio flickering issues with 2011, 2012 and 2013 Macbook Pro 13" models without retina display. Also with Macbook Air 2012 have some issues. It depends on model how strong flickering is. Not sure about other MBP models, like 15" but at least iMac has similar issues with current and older ones, but not as heavy one as I do have.


Download screenshot, see it on 1:1 ratio in Preview or in another application (with MBP). Video should be clear enough to see in any computer: vertical lines moving and flickering around green gradient.

Screenshot 1: https://www.dropbox.com/s/ok9x8fr5q89so4b/Screenshot%202014-06-17%2023.23.43.png?dl=0
Screenshot 2: https://www.dropbox.com/s/c4uqao8kp98678h/Screenshot%202014-04-13%2017.15.42.png?dl=0
Screenshot 3: https://www.dropbox.com/s/i2gpm0t4xq5vzsf/Screenshot%202014-05-05%2018.59.55.png?dl=0
Video: https://www.dropbox.com/s/g3px4wx1r6dclii/3_SLR_olympus.AVI?dl=0


I will continue arguing with Apple, but they are keeping saying that this issue is "expected" and there are nothing wrong with screens as engineers are saying it is inside specifications... "hurray". Even my reseller thinks that it is crappy piece of screen, but they are not going to give money back because Apple says to them that it has nothing wrong with it. First repair service provided was convinced that it must be repaired. Second one where AppleCare asked me to send laptop said same, until Apple stated that it's "expected" as same issue occurs with all new computers in same MBP 13" product line.



Regards,
Hannu Piki

Hi guys,

Take a look here : https://github.com/Toxicat/tank-gradients

Also have this problem with my macbook pro 13" 2012 @ 1280x800 tested multiple websites - all gradients that are "big" are flickering. codepen.io background, getbootstrap.com background... and some more.

Chrome 37.0.2062.124
Mac OS X 10.9.5

Also in Chrome 39.0.2171.2 canary (64-bit)

Firefox, Safari and Opera the gradient works great.

Video here: http://youtu.be/hFg1usHdktU (Chrome/Safari comparison + system info +date)

HI there,
so i have this issue, and dunno what is going on, i have MB PRO mid 2012 - on external monitor Chrome show gradient pages nicely, on builtin MB screen everything flickering. 

On my colleague retina MB everything works like a charm ! :(

So the question is, where is issue - at the side of MB screen, or chrome browser ?

 

I have a MacBook Pro (15-inch, Early 2011) running Yosemite (Mac OS X: 10.10.0) and Chrome 39.0.2171.62 beta.

I get flickering with some backgrounds, but only when the integrated graphics card is in use. If I use gfxCardStatus to switch to discrete graphics, it works fine. 

I have this issues as well.  I can clearly see screen flickering in Chrome 38 but not is Safari. 

here is an example page:

http://lab.hakim.se/reveal-js/#/


Mac Book Pro 17'' Early 2011
Intel HD Graphics 3000 512 MB
OSX 10.10.1 (14B25)

I'm also experiencing heavy flickering on the URL provided by the OP: https://casl-d02.andrew.cmu.edu/test/test.html.

As for the reveal.js page (http://lab.hakim.se/reveal-js) I'm not experience any heavy or visible flickering.

I have Chrome 39.0.2171.95 and I'm on a MacBook Pro (13-inch, Mid 2012) with Intel HD Graphics 4000 1024 MB graphics.

Also I'm on Mac OS Yosemite 10.10.1 (14B25).

So this bug is getting old. 14 versions later and still no news about it. Or is there a fix or solution for this?! It is very annoying on the daily usage.

I don't expect a fix. As I understand it. The issue deals with the implementation of the Intel driver. 

can we do something about this to get them fix it? and who is them to blame on? Apple, Google, Intel?

i have found something cause this issue is driving me nuts. this is the link: http://apple.stackexchange.com/questions/128590/where-are-the-latest-drivers-for-the-intel-hd-graphics-4000 and i wonder is there any possibility this could be apple's fault?

chrome 39 version images are working fine but 41 version directly not displaying at that time we press backspace button images are displaying in classic asp.
chrome 39 version images are working fine

I noticed if you use the "IE Tab Helper" extension to force pages to display as if in IE, images look fine.

i actually changed the resolution for my macbook pro late 2012 13" to first lower value and the flickering is gone. i read something about refresh rate bug on LCD monitors and i tried changing the resolution and it worked, flickering issue is gone. now, obviously, this is a crappy monitor made for my macbook and i think apple is responsible for this. any suggestions what to do next? i dont think i want to keep this resolution, so please advise what can be done.

Looks like this got stuck back in Chrome 26.  Mike/ Dimitri, could either of you give it a kick?

to Paint folks for triage.

My comment back in #41 is still my understanding of this issue. Skia dithers gradients, while other browsers use solid colors. We dither to avoid the banding effect you can get with solid colors, but ditheriing can lead to flickering on some LCD screens. My MacBook Air (13-inch, Early 2014) still has the flickering effect on the example URL from the original report (https://casl-d02.andrew.cmu.edu/test/test.html). 

What needs to happen is we need to decide whether we will continue to dither gradients or not. 

Florin, can you consult with Skia as necessary and make a call on this?

Im so happy, i think im gonna cry

This is the most-starred paint bug, would be great to have it fixed in 47.

Disabling gradient dithering unconditionally would result in significant quality degradation across the board, for what sounds like an MBP driver/chipset bug.  See attached screenshots with the gradient from 
https://casl-d02.andrew.cmu.edu/test/test.html rendered in Chrome vs. Safari.

A couple of alternatives

1) surface a user setting for disabling dithering manually (Mac-only?)

2) try to detect vulnerable configurations (???) and disable dithering automatically


These are all policy changes which don't belong in Skia, but they do require a Skia mechanism for disabling gradient dithering.  We have SkPaint::kDither_Flag, although I don't think we observe it for gradients.

	gradient_no_dithering.png 5.7 KB View Download

	gradient_dithering.png 8.0 KB View Download

Issue 547305 has been merged into this issue.

I am able to reproduce this issue on Latest Canary#48.0.2559.0, Dev#48.0.2552.0, Beta#47.0.2526.49 & Stable#46.0.2490.80 versions of chrome for Mac OS X 10.8.5.

Observing the similar behavior from M26: 26.0.1410.46 onwards.

Seems like this issue is specific to some hardware configuration and as of now i am not able to reproduce this issue on Win7 64-bit OS & Linux Ubuntu 14.04.

Repro steps:
=========
1. Navigate to https://casl-d02.andrew.cmu.edu/test/test.html
2. Observe the screen flickering

Attaching 'Chrome://gpu' for your reference.

Thank you!

Chrome_GPU.rtf 44.5 KB Download

Chris C., see comment 108. When you are in MTV next could you grab the machine manoranjanr@ reproed on and check its hardware? Or check out chrome://gpu in comment 108 and see if there is anything that seems actionable to you?

I got the laptop and I'll bring it to the other office. It's definitely a problem with the LCD not being able to handle regular dithering problems -- the issue occurs even outside of Chrome.

Interestingly, Safari seems to know that it is "not safe" to dither on that monitor, and creates banding artifacts, but knows that it is "safe" on my retina Macbook Pro, and allows dithering.

I'm going to try some external monitors to see if how it behaves there. A few ideas
- it would be great if there is some "LCD doesn't support regular dithering" flag that we can read from the system
- we could disable dithering only on non-retina non-external LCDs (seems heavy-handed)
- we could investigate implementing a non-regular dithering scheme

Sorry, #111 was a lie -- Safari still bands on the retina Macbook pro. So they don't know which monitors are safe and which aren't.

The problem here is that some displays flicker when you display a dithered gradient on them, if that dithering is computed using ordered dithering, with a very regular threshold matrix.

In particular, in SkLinearGradient::LinearGradientContext::shade4_clamp, we use the use the 2x2 dithering matrix
        const float ditherCell[] = {
            1/8.0f,   5/8.0f,
            7/8.0f,   3/8.0f,
        };

The solution is to use a larger and less regular dithering matrix. You can see the sort of results for halftoning on the Wikipeda page on dithering at
https://en.wikipedia.org/wiki/Dither#Algorithms
We're currently doing something very similar to the Bayer matrix, and we can probably get away with doing a Random matrix, or some larger and less regular matrix.

Sending over to reed@ to have someone in Skia take a look. This shouldn't be very hard to fix (it's not as easy as just changing the matrix above, but not too much more involved).

I would be fun to try out different dither patterns, but its not clear (to me) that we can be sure a different pattern will solve the flicker on *all* bad monitors (I say bad, since most monitors do not seem to flicker with the current dither).

Given that Safari *always* disables dithering (and therefore looks blocky), perhaps that should be our default answer to this. If we get more details on what might help all of these bad monitors, I'd be open to experimenting.

Re comment 114: the problem with disabling is that we don't have enough information to target those monitors effectively.

OTOH, we do have evidence that an irregular matrix avoids flicker on at least one class of displays, possibly more, and I'm not clear on what the cons of this change would be. Would the irregular matrix have any other downsides that make it risky or hard to implement?

I can experiment with irregular dithers, but will will need access to machines that repos this, so I can test against it. Also I expect a perf hit, tho no idea how big (and it may be small).

Ok. Chris Cameron has one MacBook here in SFO...one option could be for you to give us a sample SKia patch which tries to match whatever Firefox may be doing? Then one of us could try it on the MacBook in question.

Some good info I found on LCD inversion (which I think is behind this issue): http://www.techmind.org/lcd/

My takeaway is that all LCD panels are vulnerable to inversion patterns, so I'm also concerned about the generality of our fix.  Maybe we can use existing info to choose an unlikely cell configuration.

Seems far more efficient to ship me the laptop, or tell me the specs so I can buy a duplicate here.

Could do that too. Chris could you post specs?

(Getting shipping details offline).

Mike, did you receive Chris Cameron's laptop?

I have the laptop, but had not gone back to work on this bug. I will try to take a look this week.

Hi Mike, any update?

ping - any update?

i just checked and i don't see any flicker... (macbook pro 13", mid 2012, non-retin - so proud of this bad boy). i don't know if any of you worked on this, but thanks ;)

is it just me?