css - 将 z-index 设置为自动建议角度提及列表

Question

我正在使用 Angular 7。

我在将 z-index 设置为带有自动建议的用户列表时遇到了问题。

我正在使用一个文本框，如果我在其中输入@，它将为所有可用用户提供建议。

对于此功能，我正在使用 Angular 提及指令，但是当所有用户都来时，我无法设置 z-index。

我想为即将到来的用户列表设置 z-index，使其不应该隐藏。它应该会显示完整的列表。

下面是我使用 Angular 提及指令进行自动建议的代码。

<textarea #cName cols="30" [mention]="items" [mentionConfig]="{ labelKey:'name'}" rows="1" style="z-index: 1 !important"></textarea>

css 文件：

textarea {
  border-radius: 8px;
}

使用上面的代码，它在下图中给出了以下结果。

所以在上图中，我们可以看到列表隐藏在手风琴后面，但我想查看用户的完整列表。在代码中，我在样式中应用了 z-index，但它不起作用。

谁能帮我摆脱这个问题？

提前致谢。