diff --git a/web/chat/chat-thread-list-item-menu.react.js b/web/chat/chat-thread-list-item-menu.react.js
--- a/web/chat/chat-thread-list-item-menu.react.js
+++ b/web/chat/chat-thread-list-item-menu.react.js
@@ -19,9 +19,13 @@
const { renderStyle = 'chat', threadInfo, mostRecentNonLocalMessage } = props;
const active = useThreadIsActive(threadInfo.id);
const [menuVisible, setMenuVisible] = React.useState(false);
- const toggleMenu = React.useCallback(() => {
- setMenuVisible(!menuVisible);
- }, [menuVisible]);
+ const toggleMenu = React.useCallback(
+ event => {
+ event.stopPropagation();
+ setMenuVisible(!menuVisible);
+ },
+ [menuVisible],
+ );
const hideMenu = React.useCallback(() => {
setMenuVisible(false);
@@ -32,6 +36,15 @@
mostRecentNonLocalMessage,
hideMenu,
);
+
+ const onToggleUnreadStatusClicked = React.useCallback(
+ event => {
+ event.stopPropagation();
+ toggleUnreadStatus();
+ },
+ [toggleUnreadStatus],
+ );
+
const toggleUnreadStatusButtonText = `Mark as ${
threadInfo.currentUser.unread ? 'read' : 'unread'
}`;
@@ -50,7 +63,7 @@