Select drop-down broken under Firefox

Firefox has problems if you use 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.

keywords: element firefox

If you enjoy this post, share it on Twitter, Facebook or LinkedIn.

---

With over two decades of deep front-end expertise, I offer comprehensive web consultancy and stack audits, alongside specialized workshops, training, and engaging public speaking to elevate your team's skills and optimize your digital presence. Contact me.