Recently, while using Chrome on my Macbook Pro, I ran into a weird problem. For whatever reason, when scrolling on certain webpages, a checkerboard background appears instead of the actual web page! I’ve been using Chrome for ages now and have never had any issues, so this was quite a surprise to me.
Initially, I just restarted the browser, but that didn’t work. Then I restarted the computer, but that didn’t work either. The scrolling issue started to occur after I had updated Google Chrome to the latest version, so I figured it was a bug that got introduced and hopefully gets fixed in the next release.
However, I also wanted to keep using Chrome instead of having to go back to Safari or Firefox. I personally just really like using Chrome and now that it has Google Now plus the ability to sync all my tabs across devices, it’s not just the browsing that makes it useful.
Luckily, there is a way to fix the issue temporarily until it’s fixed in a future stable release. The first method worked for me, but I tried to list as many possible solutions that I could find.
Method 1 – Disable GPU Compositing
Chrome has a lot of hidden features that you can disable and enable by simply typing in chrome:flags in the address bar and pressing Enter.
You’ll see a whole slew of options, but you really only need to look at the very top for the one we want to change. It’s called GPU compositing on all pages.
Click on the drop down and select Disable. Now this is definitely not an ideal fix, but it should fix the checkerboard scrolling issue. It also didn’t make any noticeable difference in my browsing, so that was good. Obviously, you should re-enable this option whenever Chrome gets updated to a newer version just to see if it’s fixed.
Now this setting is listed in chrome:flags for Mac, however, it is missing in the settings for Windows. On Windows to disable GPU compositing, you have to pass a parameter to the executable file. Sounds a little technical, but it’s very easy to do.
Go ahead and right-click on the Google Chrome shortcut on your desktop or in the taskbar and click on Properties. In the Properties window, click inside the Target box and move your cursor all the way to the end, past the last ending quote. Then type in the following:
Notice that you type this in after the ending quote and that there are TWO dashes, not one. Now click Apply and then click OK. Go ahead and fire up Chrome on your Windows machine and you should be good to go.
Two other settings you can check are: Accelerated overflow scroll set to Enabled and Enable experimental canvas features set to Enabled also. Try these if the above setting did not fix your checkerboard scroll issue.
Method 2 – Disable Hardware Acceleration
The second thing you can try is to disable hardware acceleration and see if that fixes the issue. Open Chrome settings and click on Show advanced settings. Scroll down to the bottom and under System you should uncheck Use hardware acceleration when available.
As mentioned before, this will most likely be fixed in a new release of Chrome, so make sure to update and change any settings back to their defaults. If nothing fixed the issue for you, let us know in the comments. Enjoy!