在Blazor中动态加载下拉内容后,Bootstrap下拉对齐方式关闭

问题描述

在Blazor中,您可以将内容放入@if块中,然后将该条件设为true,例如,动态加载内容。在按钮上单击。

我有一个Bootstrap下拉菜单,当第一次单击该下拉菜单时,将加载其内容。由于某种原因,第一次单击下拉按钮时不遵循正确的对齐方式,但随后每次单击时都将其打开。有一些关于初始渲染和CSS无法使用的问题。我不确定为什么会这样。

以下是一个示例(Blazor服务器端):https://blazorfiddle.com/s/yc5m9rv4

解决方法

自从Bootstrap下拉菜单用户popper.js以来,就找到了解决方案。 Bootstrap提供了一种update方法来刷新下拉菜单的位置。

要解决此问题,只需在呈现下拉菜单后调用update方法即可。

以下是此解决方案的更新,它是问题中的示例:https://blazorfiddle.com/s/t24r1753