Абсолютно позиционированный элемент не отображается с верхним z-индексом

Question

Как часть моего сайта есть поле поиска, в котором есть поле для предложения / автозаполнения, когда пользователь вводит текущие ключевые слова. image

Проблема в том, чтобы полоса прокрутки появилась, если пользователь слишком много печатает, мне нужно установить overflow-x на auto и overflow-y на hidden. Это затем приводит к тому, что поле предложения не отображается / обрезается переполнением-y. image

Демонстрацию этой проблемы можно найти здесь: http://testing.server-lists.com/minecraft/

Здесь можно найти упрощенный пример кода здесь As stackoverflow limited me to 3000 characters.

Несмотря на то, что поле с предложениями имеет абсолютное позиционирование и индекс 1000 z, оно не отображается, кто-нибудь знает, как это исправить?

Answer 1

Я проверил демонстрационный сайт, на который вы ссылались, и только что удалил атрибуты стиля:

overflow-x: auto;
overflow-y: hidden;

Из div с class = "bootstrap -tagsinput" и удалил пробел: no-wrap ; поскольку почти невозможно показать какую-либо вещь, если у нее в контейнере есть скрытый переполнение.

Можете ли вы попробовать это, пожалуйста, и скажите мне, если это работает?