How to Enable autocomplete (JQuery UI) on Bootstrap Modal

Open your CSS file, inside class ui-autocomplete then add z-index, like this:

.ui-autocomplete {
position: absolute;
z-index: 2150000000 !important;
cursor: default;
border: 2px solid #ccc;
padding: 5px 0;
border-radius: 2px;
}

Please note that you must include ‘!important’ if you have another class that would possibly override ui-autocomplete class.