绝对定位元素未显示顶部 z 索引

Question

作为我网站的一部分，有一个搜索字段，当用户输入当前关键字时，该字段会显示一个建议/自动完成框。图像

问题是为了在用户输入太多内容时显示滚动条，我必须将overflow-x设置为auto，将overflow-y设置为隐藏。这会导致建议框不显示/被溢出 y 截断。 图像

您可以在这里找到该问题的演示： http ://testing.server-lists.com/minecraft/

可以在此处找到 codepen 简化示例As stackoverflow limited me to 3000 characters.

尽管建议框具有绝对定位和 1000 z 索引，但它没有出现，有谁知道如何解决这个问题？

Answer 1

我已经检查了您提到的演示站点，刚刚删除了样式属性：overflow-x: auto; overflow-y: hidden;从 class="bootstrap-tagsinput" 的 div 中删除空白：no-wrap; 因为如果将其包裹在隐藏溢出的容器中，则几乎不可能显示任何东西。您可以尝试一下并告诉我这是否有效吗？