diff --git a/examples/demo-minimum-input.html b/examples/demo-minimum-input.html new file mode 100644 index 000000000..cb819386f --- /dev/null +++ b/examples/demo-minimum-input.html @@ -0,0 +1,88 @@ + + + + + AngularJS ui-select + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

Select2 theme

+

Selected: {{person.selected}}

+ + {{$select.selected.name}} + +
+ + email: {{person.email}} + age: + +
+
+ +

Selectize theme

+

Selected: {{country.selected}}

+ + {{$select.selected.name}} + + + + + + + diff --git a/src/bootstrap/choices.tpl.html b/src/bootstrap/choices.tpl.html index a9a1eee3a..01e786892 100644 --- a/src/bootstrap/choices.tpl.html +++ b/src/bootstrap/choices.tpl.html @@ -1,6 +1,6 @@ diff --git a/src/select.css b/src/select.css index 519dfd99a..aaf44a56f 100644 --- a/src/select.css +++ b/src/select.css @@ -54,6 +54,11 @@ border-color: #D44950; } +.selectize-dropdown-content > .ui-select-input-too-short { + padding: 5px 8px; + overflow: hidden; +} + /* Bootstrap theme */ @@ -121,7 +126,7 @@ outline: 0; } -.ui-select-bootstrap .ui-select-choices-row>a { +.ui-select-bootstrap .ui-select-choices-row>a, .ui-select-bootstrap .ui-select-input-too-short { display: block; padding: 3px 20px; clear: both; diff --git a/src/select.js b/src/select.js index 7b34c650a..a0aca6d06 100644 --- a/src/select.js +++ b/src/select.js @@ -68,7 +68,8 @@ searchEnabled: true, placeholder: '', // Empty by default, like HTML tag