Ubuntu – Blank select options on Chrome / Chromium & Ubuntu 14.04


I'm running Ubuntu 14.04 on an Acer Aspire 4750G laptop. Recently I've started having a problem with HTML SELECT option lists when using Chrome or Chromium.

Normally everything works fine, then the select options on web pages will start showing as blank. Here's a screenshot:

enter image description here

The problem occurs erratically and happens with both Chrome and Chromium, but not with Firefox. Once it happens I have to close all Chrome/Chromium sessions to get rid of it.

Once it occurs it happens on all sites but only seems to affect options. It's not a CSS error because the above sample was created with the most basic code possible:

        <td>Test Select:</td>
            <select name="test">
                <option value="1">Option 1</option>
                <option value="2">Option 2</option>
                <option value="3">Option 3</option>
                <option value="4">Option 4</option>
                <option value="5">Option 5</option>
                <option value="6">Option 6</option>

If I look at the page source in the browser it looks fine, and I can select the options by cursoring up and down, but they don't display and I can't select with a mouse click.

Can anyone suggest why this may be happening? I've hunted Google but can't find a single reference to this problem. Would very much appreciate any suggestions.


Best Answer

You have to turn off the hardware acceleration!

Check this out for the detailed solution -- I don't feel like copy pasting the whole thing and stealing someone else's answer!


The summary is that you need to go to 'settings' then 'advanced settings' in Chrome, then uncheck the hardware acceleration box.