From: Geoff Kimball <geoff@zurb.com>
Date: Wed, 6 Jan 2016 21:42:25 +0000 (-0800)
Subject: Use background-origin: content-box; on <select> elements to make the positioning... 
X-Git-Tag: v6.1.2~84
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=ecae14b48f7ed209685b99bc40cb134a0f98d871;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Use background-origin: content-box; on <select> elements to make the positioning consistent across browsers, fixes #7653
---

diff --git a/scss/forms/_select.scss b/scss/forms/_select.scss
index 4c438e7dc..ea82c8cdc 100644
--- a/scss/forms/_select.scss
+++ b/scss/forms/_select.scss
@@ -37,8 +37,8 @@ $select-radius: $global-radius !default;
   @if $select-triangle-color != transparent {
     @include background-triangle($select-triangle-color);
     background-size: 9px 6px;
-    background-position: $global-right center; // Fallback for Android 4.3-
-    background-position: $global-right ($form-spacing / 2) center;
+    background-position: $global-right center;
+    background-origin: content-box;
     background-repeat: no-repeat;
   }