<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="field-type-entityreference field-name-field-lead-products field-widget-entityreference-autocomplete form-wrapper form-group" id="edit-field-lead-products"><div id="field-lead-products-add-more-wrapper"><div class="form-item" role="application"><div class="table-responsive"> <div class="tabledrag-toggle-weight-wrapper"><a href="#" class="tabledrag-toggle-weight" title="Упорядочить строки по весу вместо перетаскивания.">Показать вес строк</a></div><table class="sticky-header" style="position: fixed; top: 30px; left: 16px; visibility: hidden;"><thead style=""><tr><th colspan="2" class="field-label"><label>Продукты <span class="form-required" title="Обязательно для заполнения.">*</span></label></th><th class="tabledrag-hide" style="display: none;">Порядок</th> </tr></thead></table><table id="field-lead-products-values" class="field-multiple-table table table-hover table-striped sticky-enabled tabledrag-processed tableheader-processed sticky-table"> <thead><tr><th colspan="2" class="field-label"><label>Продукты <span class="form-required" title="Обязательно для заполнения.">*</span></label></th><th class="tabledrag-hide" style="display: none;">Порядок</th> </tr></thead> <tbody> <tr class="draggable"><td class="field-multiple-drag"><a href="#" class="tabledrag-handle" title="Изменить порядок можно, перетащив пункт мышкой."><div class="handle"> </div></a></td><td><div class="form-item form-item-field-lead-products-und-0-target-id form-type-textfield form-autocomplete form-group" role="application"><div class="input-group"><input class="form-control form-text required" type="text" id="edit-field-lead-products-und-0-target-id" name="field_lead_products[und][0][target_id]" value="" size="60" maxlength="1024" autocomplete="OFF" aria-autocomplete="list"><input class="autocomplete autocomplete-processed" disabled="disabled" id="edit-field-lead-products-und-0-target-id-autocomplete" type="hidden" value="http://10.0.0.110/index.php?q=entityreference/autocomplete/single/field_lead_products/crm_core_activity/lead/NULL"> <span class="input-group-addon"><span class="icon glyphicon glyphicon-refresh" aria-hidden="true"></span> </span></div><div class="dropdown"><ul class="dropdown-menu" style="display: block; right: 0px;"><li><a href="#"><div class="reference-autocomplete"> <span class="views-field views-field-title"> <span class="field-content"><a href="/?q=admin/commerce/products/11">Организационная диагностика</a></span> </span> - <span> <span>70 000,00 ₽</span> </span></div></a></li><li><a href="#"><div class="reference-autocomplete"> <span class="views-field views-field-title"> <span class="field-content"><a href="/?q=admin/commerce/products/67">Диагностика ноутбука</a></span> </span> - <span> <span>900,00 ₽</span> </span></div></a></li><li><a href="#"><div class="reference-autocomplete"> <span class="views-field views-field-title"> <span class="field-content"><a href="/?q=admin/commerce/products/88">Диагностика</a></span> </span> - <span> <span>750,00 ₽</span> </span></div></a></li><li><a href="#"><div class="reference-autocomplete"> <span class="views-field views-field-title"> <span class="field-content"><a href="/?q=admin/commerce/products/160">Диагностика струйного принтера</a></span> </span> - <span> <span>800,00 ₽</span> </span></div></a></li><li><a href="#"><div class="reference-autocomplete"> <span class="views-field views-field-title"> <span class="field-content"><a href="/?q=admin/commerce/products/48">Выезд специалиста для диагностика оргтехники без ремонта</a></span> </span> - <span> <span>1 900,00 ₽</span> </span></div></a></li></ul></div><span class="element-invisible" aria-live="assertive" id="edit-field-lead-products-und-0-target-id-autocomplete-aria-live">Всплывающее автозаполнение</span></div></td><td class="delta-order tabledrag-hide" style="display: none;"><div class="form-item form-item-field-lead-products-und-0--weight form-type-select form-group"><select class="field_lead_products-delta-order form-control form-select" id="edit-field-lead-products-und-0-weight" name="field_lead_products[und][0][_weight]"><option value="0" selected="selected">0</option></select> <label class="control-label element-invisible" for="edit-field-lead-products-und-0-weight">Вес для строки 1</label> </div></td> </tr> </tbody> </table> </div> <div class="description">Указываем продукт из <a href="/?q=refbooks/products">каталога продуктов</a>. Продукт уже должен находится в каталоге.</div><div class="clearfix"><button class="field-add-more-submit btn btn-info form-submit icon-before ajax-processed" type="submit" id="edit-field-lead-products-und-add-more" name="field_lead_products_add_more" value="Добавить ещё"><span class="icon glyphicon glyphicon-plus" aria-hidden="true"></span> Добавить ещё</button> </div><span class="element-invisible" aria-live="assertive" id="edit-field-lead-products-und-0-target-id-autocomplete-aria-live"></span></div></div></div>

.dropdown > .dropdown-menu{ z-index: 10000 !important; color:red; overflow: visible; }