Bootstrap 在 Blazor 中动态加载下拉内容后下拉对齐关闭
Bootstrap dropdown alignment off after loading dropdown contents dynamically in Blazor
在 Blazor 中，您可以通过将内容放在 @if 块中然后使该条件为真来动态加载内容，例如单击按钮。
我有一个 Bootstrap 下拉菜单，其内容在首次单击下拉菜单时加载。出于某种原因，在第一次单击下拉按钮时不支持右对齐，但在随后的每次单击以打开它时都支持。初始渲染和 CSS 没有得到尊重。我不确定为什么会这样。
这是一个示例（Blazor 服务器端）：https://blazorfiddle.com/s/yc5m9rv4
自从 Bootstrap 下拉列表用户 popper.js 以来，解决方案就是通过它找到的。 Bootstrap 提供了 update 方法来刷新下拉列表的位置。
为了解决这个问题，只需要在呈现下拉列表后调用 update 方法。
这是问题中示例的更新，使用此解决方案：https://blazorfiddle.com/s/t24r1753
在 Blazor 中，您可以通过将内容放在 @if 块中然后使该条件为真来动态加载内容，例如单击按钮。
我有一个 Bootstrap 下拉菜单，其内容在首次单击下拉菜单时加载。出于某种原因，在第一次单击下拉按钮时不支持右对齐，但在随后的每次单击以打开它时都支持。初始渲染和 CSS 没有得到尊重。我不确定为什么会这样。
这是一个示例（Blazor 服务器端）：https://blazorfiddle.com/s/yc5m9rv4
自从 Bootstrap 下拉列表用户 popper.js 以来，解决方案就是通过它找到的。 Bootstrap 提供了 update 方法来刷新下拉列表的位置。
为了解决这个问题，只需要在呈现下拉列表后调用 update 方法。
这是问题中示例的更新，使用此解决方案：https://blazorfiddle.com/s/t24r1753