Solves Append the list to body #41

src/bootstrap/choices.tpl.html

@@ -1,4 +1,4 @@
-<ul class="ui-select-choices ui-select-choices-content dropdown-menu"
+<ul class="ui-select-choices ui-select-choices-content dropdown-menu  select-drop-append-to-layer"
     role="menu" aria-labelledby="dLabel"
     ng-show="$select.items.length > 0">
   <li class="ui-select-choices-group">

src/select.css

@@ -165,3 +165,13 @@
 .ui-select-bootstrap.ng-dirty.ng-invalid > button.btn.ui-select-match {
     border-color: #D44950;
 }
+
+.ui-select-searchbox-layer {
+    z-index: 1000;
+    display: none;
+    position: absolute;
+    top: 0;
+    left: 0;
+    height: 100%;
+    width: 100%;
+}

src/select2/select.tpl.html

@@ -4,7 +4,7 @@
                 'select2-container-active': $select.focus, 
                 'select2-allowclear': $select.allowClear && !$select.isEmpty()}">
   <div class="ui-select-match"></div>
-  <div class="select2-drop select2-with-searchbox select2-drop-active"
+  <div class="select2-drop select2-with-searchbox select2-drop-active select-drop-append-to-layer"
        ng-class="{'select2-display-none': !$select.open}">
     <div class="select2-search" ng-show="$select.searchEnabled">
       <input type="text" autocomplete="off" autocorrect="off" autocapitalize="off" spellcheck="false"

src/selectize/choices.tpl.html

@@ -1,4 +1,4 @@
-<div ng-show="$select.open" class="ui-select-choices selectize-dropdown single">
+<div ng-show="$select.open" class="ui-select-choices selectize-dropdown single select-drop-append-to-layer">
   <div class="ui-select-choices-content selectize-dropdown-content">
     <div class="ui-select-choices-group optgroup">
       <div ng-show="$select.isGrouped" class="ui-select-choices-group-label optgroup-header" ng-bind-html="$group.name"></div>