Fix Multiple-Choice Input UI Glitches (#6)

commit 0af81a6
Author: AymanJitan <ayman.jitan@gmail.com>
Date:   Tue Mar 15 12:32:07 2016 -0400

    issue #6 Fix Multiple-Choice Input UI Glitches

Author: AymanJitan

dist/sc-select.css

@@ -1197,3 +1197,19 @@ html[dir="rtl"] .select2-container-multi .select2-search-choice-close {
   height: 1px !important;
   position: absolute !important;
 }
+/*
+Fix Multiple-Choice Input
+*/
+sc-select > div.input-group.select2-bootstrap-append {
+  z-index: 200;
+}
+sc-select > div.input-group.select2-bootstrap-append > div > ul > li > input {
+  width: 100% !important;
+  position: absolute;
+}
+sc-select .select2-container-multi .select2-choices {
+  min-height: 34px;
+}
+/*
+End Fix Multiple-Choice Input
+*/

dist/sc-select.js

@@ -70,19 +70,21 @@ return /******/ (function(modules) { // webpackBootstrap
 
 	__webpack_require__(9);
 
-	var _factoriesScSelectParser = __webpack_require__(11);
+	__webpack_require__(11);
+
+	var _factoriesScSelectParser = __webpack_require__(13);
 
 	var _factoriesScSelectParser2 = _interopRequireDefault(_factoriesScSelectParser);
 
-	var _directivesScSelect = __webpack_require__(12);
+	var _directivesScSelect = __webpack_require__(14);
 
 	var _directivesScSelect2 = _interopRequireDefault(_directivesScSelect);
 
-	var _directivesScOptions = __webpack_require__(13);
+	var _directivesScOptions = __webpack_require__(15);
 
 	var _directivesScOptions2 = _interopRequireDefault(_directivesScOptions);
 
-	var _directivesScSelectPaginator = __webpack_require__(14);
+	var _directivesScSelectPaginator = __webpack_require__(16);
 
 	var _directivesScSelectPaginator2 = _interopRequireDefault(_directivesScSelectPaginator);
 
@@ -133,6 +135,13 @@ return /******/ (function(modules) { // webpackBootstrap
 /***/ },
 /* 10 */,
 /* 11 */
+/***/ function(module, exports) {
+
+	// removed by extract-text-webpack-plugin
+
+/***/ },
+/* 12 */,
+/* 13 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -169,7 +178,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	module.exports = exports['default'];
 
 /***/ },
-/* 12 */
+/* 14 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';
@@ -402,7 +411,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	module.exports = exports['default'];
 
 /***/ },
-/* 13 */
+/* 15 */
 /***/ function(module, exports) {
 
 	'use strict';
@@ -428,7 +437,7 @@ return /******/ (function(modules) { // webpackBootstrap
 	module.exports = exports['default'];
 
 /***/ },
-/* 14 */
+/* 16 */
 /***/ function(module, exports, __webpack_require__) {
 
 	'use strict';

dist/sc-select.min.css

@@ -1,6 +1,7 @@
 import angular from 'angular';
 import 'select2/select2.css';
 import 'select2-bootstrap-css/select2-bootstrap.css';
+import './stylesheets/sc-select.css';
 import scSelectParser from './factories/scSelectParser';
 import scSelect from './directives/scSelect';
 import scOptions from './directives/scOptions';

dist/sc-select.min.js

@@ -0,0 +1,16 @@
+/*
+Fix Multiple-Choice Input
+*/
+sc-select > div.input-group.select2-bootstrap-append {
+  z-index: 200;
+}
+sc-select > div.input-group.select2-bootstrap-append > div > ul > li > input {
+  width: 100% !important;
+  position: absolute;
+}
+sc-select .select2-container-multi .select2-choices {
+  min-height: 34px;
+}
+/*
+End Fix Multiple-Choice Input
+*/