diff --git a/lib/components/modal-overlay.react.js b/lib/components/modal-overlay.react.js
--- a/lib/components/modal-overlay.react.js
+++ b/lib/components/modal-overlay.react.js
@@ -7,10 +7,11 @@
type ModalOverlayProps = {
+onClose: () => void,
+children?: React.Node,
+ +disableTab?: boolean,
};
function ModalOverlay(props: ModalOverlayProps): React.Node {
- const { children, onClose } = props;
+ const { children, onClose, disableTab } = props;
const overlayRef = React.useRef();
const firstClickRef = React.useRef(null);
@@ -42,8 +43,11 @@
if (event.key === 'Escape') {
onClose();
}
+ if (disableTab && event.key === 'Tab') {
+ event.preventDefault();
+ }
},
- [onClose],
+ [disableTab, onClose],
);
return (
diff --git a/web/chat/edit-message-provider.js b/web/chat/edit-message-provider.js
--- a/web/chat/edit-message-provider.js
+++ b/web/chat/edit-message-provider.js
@@ -146,7 +146,11 @@
if (!modal) {
return null;
}
- return {modal};
+ return (
+
+ {modal}
+
+ );
}, [clearEditModal, modal]);
return (