自动完成选择列表位于屏幕中间

Question

我遇到了最烦人，最顽固的自动完成组件问题。我正在使用一个非常简单的设置：

<v-autocomplete
     :items="allposts"
     item-text="title" background-color="white"
     item-value="slug"
     label="Post or Book Title"
     v-model="searchTitle" v-on:change="titleSearch"
 >
 </v-autocomplete>

一切正常，只是选项的“下拉”列表显示在屏幕中间而不是输入框上方，因为默认情况下应该如此。我已经遍历了所有记录在案的选项，这些选项似乎可以调整弹出窗口的位置，但是无论我添加到上面的内容如何，​​列表都显示在同一位置。

我意识到这对于这里的问题来说还是很模糊的，但是有人对为什么弹出窗口没有定位在应该放置的地方有任何线索吗？

还请注意，背景色不起作用，或者至少不符合预期。弹出窗口是透明的，这使该位置更成问题，因为它最终将显示文本显示在页面上其他文本之上。