Render .select2-selection__clear before the inline content of .select2-selection__rendered.

Florian Kissling · Florian Kissling · commit 80630c42ecdb · 2015-07-02T03:00:21.000+02:00
As suggested by @njakobsen in select2#3306 (comment), this uses `position: relative` to alter the stacking level of `.select2-selection__clear`. See http://www.w3.org/TR/CSS2/zindex.html#painting-order and https://developer.mozilla.org/en-US/docs/Web/Guide/CSS/Understanding_z_index/Stacking_without_z-index. Styles are added to the default Sass for `.select2-selection--single`. Does not include the recompiled distribution CSS. References select2#3306. Tested in Google Chrome v43.0.2357.130 only.
diff --git a/src/scss/_single.scss b/src/scss/_single.scss
@@ -18,6 +18,10 @@
     text-overflow: ellipsis;
     white-space: nowrap;
   }
+
+  .select2-selection__clear {
+    position: relative;
+  }
 }
 
 &[dir="rtl"] {

Original file line number	Diff line number	Diff line change
`@@ -18,6 +18,10 @@`
`18`	`18`	`text-overflow: ellipsis;`
`19`	`19`	`white-space: nowrap;`
`20`	`20`	`}`
	`21`	`+`
	`22`	`+ .select2-selection__clear {`
	`23`	`+ position: relative;`
	`24`	`+ }`
`21`	`25`	`}`
`22`	`26`
`23`	`27`	`&[dir="rtl"] {`