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



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

我有一个Bootstrap下拉列表,其内容在第一次单击下拉列表时加载。出于某种原因,第一次单击下拉按钮时不会使用右对齐方式,而是在随后每次单击打开下拉按钮时使用。初始渲染和CSS都会出现一些问题。我不知道为什么会发生这种事。

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

由于Bootstrap下拉用户popper.js,解决方案就是通过它找到的。Bootstrap提供了一种update方法来刷新下拉列表的位置。

为了解决这个问题,只需要在呈现下拉列表后调用update方法。

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

相关内容

  • 没有找到相关文章

最新更新