The problem is the z-index: -1; on .search_bar:focus, .search_bar:active
In firefox, this means that the page is actually stacked in front of your input. It can still receive input, but when you click, you're actually clicking on the document.
In chrome, it can't even receive input at all.
In either case, changing z-index to a positive number worked.