将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，但是它不起作用

有人可以帮助我解决这个问题吗？

谢谢。