test/ant-design-blazor
1
0
Fork 0
mirror of https://gitee.com/ant-design-blazor/ant-design-blazor.git synced 2024-12-04 21:17:36 +08:00
Code Issues Actions 6 Packages Projects Releases Wiki Activity

fix(module: dialog): click dialog cause the mask click event triggered (#1727)

Browse Source
This commit is contained in:
zxyao 2021-07-12 23:27:09 +08:00 committed by GitHub
parent 300123045f
commit d07e3cb8fc
2 changed files with 11 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
components/modal/core/Dialog.razor
View File

@ -9,7 +9,6 @@
}
<div tabindex="-1" id=@($"{Config.PrefixCls}-wrap_{DialogWrapperId}") class=@($"{Config.PrefixCls}-wrap {Config.GetWrapClassNameExtended()}") role="dialog"
@onclick="@EventUtil.AsNonRenderingEventHandler(OnMaskClick)"
@onmouseup="@EventUtil.AsNonRenderingEventHandler(OnMaskMouseUp)"
@onkeydown="@OnKeyDown"
style="@_wrapStyle">
<div @ref="@_modal" role="document" class=@($"{Config.PrefixCls} {GetModalClsName()}")

22
components/modal/core/Dialog.razor.cs
View File

@ -138,20 +138,20 @@ namespace AntDesign
_dialogMouseDown = true;
}
private async Task OnMaskMouseUp()
{
if (Config.MaskClosable && _dialogMouseDown)
{
await Task.Delay(4);
_dialogMouseDown = false;
}
}
private async Task OnMaskClick()
{
if (Config.MaskClosable && !_dialogMouseDown)
if (Config.MaskClosable)
{
await CloseAsync();
if (_dialogMouseDown)
{
// mask area union dialog area is clicked.
_dialogMouseDown = false;
}
else
{
// mask area erased by dialog area is clicked.
await CloseAsync();
}
}
}