@@ -217,8 +217,9 @@ const DrawerView = React.memo((
217217body :{
218218padding :0 ,
219219background :props . style . background
220- }
221- } ) , [ props . style . background ] ) ;
220+ } ,
221+ mask :props . showMask ?undefined :{ background :"transparent" }
222+ } ) , [ props . style . background , props . showMask ] ) ;
222223
223224const rootStyle = useMemo ( ( ) =>
224225props . visible . value ?{ overflow :"auto" , pointerEvents :"auto" } :{ } ,
@@ -232,7 +233,7 @@ const DrawerView = React.memo((
232233resizable = { resizable }
233234onResizeStop = { onResizeStop }
234235rootStyle = { rootStyle as any }
235- styles = { drawerStyles }
236+ styles = { drawerStyles as any }
236237title = { props . title }
237238$titleAlign = { props . titleAlign }
238239$drawerScrollbar = { props . drawerScrollbar }
@@ -248,7 +249,7 @@ const DrawerView = React.memo((
248249afterOpenChange = { afterOpenChange }
249250zIndex = { Layers . drawer }
250251maskClosable = { props . maskClosable }
251- mask = { props . showMask }
252+ mask = { true }
252253className = { clsx ( `app-${ appID } ` , props . className ) }
253254data-testid = { props . dataTestId as string }
254255>