Moved shortcut prevention to all modals

This commit is contained in:
Mitchell McCaffrey 2020-06-27 10:21:50 +10:00
parent 62587e471a
commit 1da7ee9e95
3 changed files with 20 additions and 11 deletions

View File

@ -29,6 +29,11 @@ function StyledModal({
},
}}
{...props}
>
{/* Stop keyboard events when modal is open to prevent shortcuts from triggering */}
<div
onKeyDown={(e) => e.stopPropagation()}
onKeyUp={(e) => e.stopPropagation()}
>
{children}
{allowClose && (
@ -38,6 +43,7 @@ function StyledModal({
onClick={onRequestClose}
/>
)}
</div>
</Modal>
);
}

View File

@ -78,8 +78,13 @@ function MapMenu({
},
}}
contentRef={handleModalContent}
>
<div
onKeyDown={(e) => e.stopPropagation()}
onKeyUp={(e) => e.stopPropagation()}
>
{children}
</div>
</Modal>
);
}

View File

@ -127,8 +127,6 @@ function TokenMenu({
},
}}
autoComplete="off"
onKeyDown={(e) => e.stopPropagation()}
onKeyUp={(e) => e.stopPropagation()}
/>
</Flex>
<Box