絕對定位元素未顯示頂部 z-index

Question

作為我網站的一部分，有一個搜索字段，當用戶輸入當前關鍵字時，它會顯示一個建議/自動完成框。 圖片

問題是為了在用戶輸入太多時出現滾動條，我必須將overflow-x設置為auto，將overflow-y設置為hidden。 這會導致建議框不顯示/被溢出-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 中刪除 white-space:no-wrap; 因為如果它被包裹在一個隱藏溢出的容器中，幾乎不可能顯示任何東西。

請你試一試並告訴我這是否有效？