Rubicon/tutu
1
0
Fork 0
Code Issues 18 Pull requests 1 Projects 1 Activity Actions

add isPointNotInRect

Browse source
This commit is contained in:
thislight 2024-12-01 22:50:29 +08:00
parent d6c717a73e
commit c260027c9c
No known key found for this signature in database
GPG key ID: FCFE5192241CCD4E
3 changed files with 9 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

8
src/material/BottomSheet.tsx
View file

@ -13,6 +13,7 @@ import {
animateSlideInFromRight,
animateSlideOutToRight,
} from "~platform/anim";
import { isPointNotInRect } from "~platform/dom";
export type BottomSheetProps = {
open?: boolean;
@ -120,12 +121,7 @@ const BottomSheet: ParentComponent<BottomSheetProps> = (props) => {
event.stopPropagation();
if (event.target !== event.currentTarget) return;
const rect = event.currentTarget.getBoundingClientRect();
const isNotInDialog =
event.clientY < rect.top ||
event.clientY > rect.bottom ||
event.clientX < rect.left ||
event.clientX > rect.right;
if (isNotInDialog) {
if (isPointNotInRect(rect, event.clientX, event.clientY)) {
props.onClose?.("backdrop");
}
};