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

14.04chromiumgoogle-chrome

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:

<body>  
<table>  
    <tr>
        <td>Test Select:</td>
        <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>
                </select>
            </td>
        </tr>
</table>
</body>

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.

Thanks
Don

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!

http://www.solveyourtech.com/turn-hardware-acceleration-google-chrome/

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