bug(): 模态窗口 modal-content 动画异常

[MaoTouZhu]

Is there an existing issue for this?

• I have searched the existing issues

Describe the bug

对于特定模态组件, 特指必须要点击按钮关闭的模态组件, 仅第一次打开能正确展示 "阻止关闭" 的动画.

Expected Behavior

modal-content: 该组件存在该问题, Table 示例中 col 的编辑键使用的模态弹窗.

Interactive render mode

Interactive Server (Interactive server-side rendering (interactive SSR) using Blazor Server)

Steps To Reproduce

1. 打开table示例, https://www.blazor.zone/table/edit
2. 点击任意列元素的编辑按钮, 弹出模态编辑组件.
3. 点击编辑窗口外部查看 "阻止模态关闭" 的动画.
4. 关闭模态.
5. 点击任意列元素的编辑按钮, 弹出模态编辑组件.
6. 点击编辑窗口外部查看 "阻止模态关闭" 的动画, 此时动画发生异常, 类似快速闪烁的效果.

Exceptions (if any)

No response

.NET Version

NET9.0

Anything else?

No response

[bb-auto]

@MaoTouZhu Thank you for filing this issue. In order for us to investigate this issue, please provide a minimalistic repro project that illustrates the problem.

[MaoTouZhu]

我在浏览器F12留意到: 正常情况下 "modal-dialog" 类被缓慢加入, 并且在动画过程后被移除, 异常情况下似乎被添加后很快被移除, 排查到了modal.razor.js 文件, 可能是这里面出现了一些问题.

但是很遗憾我没有能力调试js, 看不出里面发生了什么.

[ArgoZhang]

@MaoTouZhu 太感谢您了。问题都帮忙定位到了，已复现，稍后我来修复一下，谢谢