Fix: replace onClick with onMouseDown for Modal (#57)

This commit is contained in:
Fndroid 2020-10-25 19:01:33 +08:00 committed by GitHub
parent 5026062347
commit 1384ec6908
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -60,7 +60,7 @@ export function Modal (props: ModalProps) {
return () => { document.body.removeChild(current) } return () => { document.body.removeChild(current) }
}, []) }, [])
function handleMaskClick (e: MouseEvent) { function handleMaskMouseDown (e: MouseEvent) {
if (e.target === maskRef.current) { if (e.target === maskRef.current) {
onClose() onClose()
} }
@ -70,7 +70,7 @@ export function Modal (props: ModalProps) {
<div <div
className={classnames('modal-mask', { 'modal-show': show })} className={classnames('modal-mask', { 'modal-show': show })}
ref={maskRef} ref={maskRef}
onClick={handleMaskClick} onMouseDown={handleMaskMouseDown}
> >
<div <div
className={classnames('modal', `modal-${size}`, className)} className={classnames('modal', `modal-${size}`, className)}