From 352cdc137d51ff30fdbe989f9e4b12a58d1bb0c4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Torkel=20=C3=96degaard?= <torkel.odegaard@gmail.com>
Date: Sat, 27 Feb 2016 07:11:45 +0100
Subject: [PATCH] fix(ux): fixed select box appearance in firefox, fixes #4168

---
 public/sass/components/_gf-form.scss | 6 ++++++
 1 file changed, 6 insertions(+)

diff --git a/public/sass/components/_gf-form.scss b/public/sass/components/_gf-form.scss
index dab8b4f302b..5f41ed20b25 100644
--- a/public/sass/components/_gf-form.scss
+++ b/public/sass/components/_gf-form.scss
@@ -82,6 +82,7 @@ $gf-form-label-margin: 0.25rem;
   &::-ms-expand {
     background-color: transparent;
     border: 0;
+    display: none;
   }
 
   // Customize the `:focus` state to imitate native WebKit styles.
@@ -109,15 +110,20 @@ $gf-form-label-margin: 0.25rem;
 
 .gf-form-select-wrapper {
   position: relative;
+  background-color: $input-bg;
 
   select.gf-form-input {
+    text-indent: .01px;
+    text-overflow: '';
     padding-right: $input-padding-x*2;
     -webkit-appearance: none;
     -moz-appearance: menulist-text; // was set to "window" and caused odd display on windos and linux.
     appearance: none;
 
     &:-moz-focusring {
+      outline: none;
       color: transparent;
+      text-shadow: 0 0 0 $text-color;
     }
   }