Select drop downs slow in Chrome

The dev team and I just spent a long afternoon debugging an issue in Chrome, so we have to share the solution with you.

This problem was evident in Chrome, but did not appear in Firefox. On an HTML page with a large amount of content, select drop down menus were behaving very sluggishly. After clicking it would take a second or 2 before you saw the menu. The fix is…

the “:active” css selector. More specifically, when it has a space before it, for example “.default-button :active”

Apparently this is a very resource intensive operation and should only be used if you really need it and your page is very small.

So hopefully this helps some other developer out there who has been pulling their hair out like we have.

Say something!