author: Krasimir Tsonev

Hi there, I'm . Senior front-end engineer with over 13 years of experience. I write, speak and occasionally code stuff. Follow me on Twitter, GitHub, Facebook or LinkedIn

Select drop-down broken under Firefox

Firefox has problems if you use <select> element inside a container which has CSS translate applied. To fix that you have to avoid translating and apply the following hack, targeting the element only under Firefox.
@-moz-document url-prefix() {
    .your-translated-element {
        transform: none;

P.S. the answer was found here.

If you enjoy this post, share it on Twitter, Facebook or LinkedIn. Or maybe comment below: