Content-Length: 1765 | pFad | http://github.com/lowcoder-org/lowcoder/pull/1810.patch

thub.com From d11a3471a054d2f2b11de665b503b6c036430a68 Mon Sep 17 00:00:00 2001 From: FARAN Date: Wed, 25 Jun 2025 22:35:09 +0500 Subject: [PATCH] [Fix]: #1233 able to click outside even mask is off --- client/packages/lowcoder/src/comps/hooks/drawerComp.tsx | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/client/packages/lowcoder/src/comps/hooks/drawerComp.tsx b/client/packages/lowcoder/src/comps/hooks/drawerComp.tsx index 8a4e540a1..c7e0c9b3f 100644 --- a/client/packages/lowcoder/src/comps/hooks/drawerComp.tsx +++ b/client/packages/lowcoder/src/comps/hooks/drawerComp.tsx @@ -217,8 +217,9 @@ const DrawerView = React.memo(( body: { padding: 0, background: props.style.background - } - }), [props.style.background]); + }, + mask: props.showMask ? undefined : { background: "transparent" } + }), [props.style.background, props.showMask]); const rootStyle = useMemo(() => props.visible.value ? { overflow: "auto", pointerEvents: "auto" } : {}, @@ -232,7 +233,7 @@ const DrawerView = React.memo(( resizable={resizable} onResizeStop={onResizeStop} rootStyle={rootStyle as any} - styles={drawerStyles} + styles={drawerStyles as any} title={props.title} $titleAlign={props.titleAlign} $drawerScrollbar={props.drawerScrollbar} @@ -248,7 +249,7 @@ const DrawerView = React.memo(( afterOpenChange={afterOpenChange} zIndex={Layers.drawer} maskClosable={props.maskClosable} - mask={props.showMask} + mask={true} className={clsx(`app-${appID}`, props.className)} data-testid={props.dataTestId as string} >

pFad - (p)hone/(F)rame/(a)nonymizer/(d)eclutterfier! Saves Data!