Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-01-27 22:49:56 -05:00
Code Issues Activity

Fixed modal scroll bug in AdminX Design System

Browse source 
refs. https://github.com/TryGhost/Team/issues/3318
This commit is contained in:
Peter Zimon 2023-05-30 15:31:13 +02:00
parent 9657556265
commit 2387718266
1 changed files with 6 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
ghost/admin-x-settings/src/admin-x-ds/global/Modal.tsx
View file

@ -76,13 +76,15 @@ const Modal: React.FC<ModalProps> = ({size = 'md', title, okLabel, cancelLabel,
break;
}
const handleBackdropClick = () => {
modal.remove();
const handleBackdropClick = (e: React.MouseEvent<HTMLDivElement>) => {
if (e.target === e.currentTarget) {
modal.remove();
}
};
return (
<div className={backdropStyles} id='modal-backdrop'>
<div className='fixed inset-0 z-0 bg-[rgba(0,0,0,0.1)]' onClick={handleBackdropClick}></div>
<div className={backdropStyles} id='modal-backdrop' onClick={handleBackdropClick}>
<div className='pointer-events-none fixed inset-0 z-0 bg-[rgba(0,0,0,0.1)]'></div>
<section className={modalStyles}>
<div>
{title && <Heading level={4}>{title}</Heading>}