Content-Length: 1425 | pFad | http://github.com/lowcoder-org/lowcoder/pull/1810.diff

thub.com 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!