diff --git a/packages/lib/src/dialog/Dialog.tsx b/packages/lib/src/dialog/Dialog.tsx index 74a219234..720b6717f 100644 --- a/packages/lib/src/dialog/Dialog.tsx +++ b/packages/lib/src/dialog/Dialog.tsx @@ -64,6 +64,7 @@ const DxcDialog = ({ onCloseClick, overlay = true, tabIndex = 0, + disableFocusLock = false, }: DialogPropsType): JSX.Element => { const translatedLabels = useContext(HalstackLanguageContext); @@ -88,19 +89,35 @@ const DxcDialog = ({ {overlay && } - - {children} - {closable && ( - - - - )} - + {!disableFocusLock ? ( + + {children} + {closable && ( + + + + )} + + ) : ( + <> + {children} + {closable && ( + + + + )} + + )} , document.body diff --git a/packages/lib/src/dialog/types.ts b/packages/lib/src/dialog/types.ts index a7f729ae6..cbeb075cb 100644 --- a/packages/lib/src/dialog/types.ts +++ b/packages/lib/src/dialog/types.ts @@ -33,6 +33,11 @@ type Props = { * lead to unexpected behaviours with the focus within the dialog. */ tabIndex?: number; + /** + * If true the focusLock functionality won't work. + * @private + */ + disableFocusLock?: boolean }; export default Props;