diff --git a/src/components/middle/MessageScroll.tsx b/src/components/middle/MessageScroll.tsx index 666e99d15..250c7f491 100644 --- a/src/components/middle/MessageScroll.tsx +++ b/src/components/middle/MessageScroll.tsx @@ -23,10 +23,10 @@ type OwnProps = { }; const FAB_THRESHOLD = 50; -const FAB_FREEZE_TIMEOUT = 100; +const TOOLS_FREEZE_TIMEOUT = 100; // Local flag is used because `freeze/unfreeze` methods are controlled by heavy animation -let isFabFrozen = false; +let areToolsFrozen = false; const MessageScroll: FC = ({ containerRef, @@ -49,7 +49,7 @@ const MessageScroll: FC = ({ const fabTriggerRef = useRef(null); const toggleScrollTools = useCallback(() => { - if (isFabFrozen) { + if (areToolsFrozen) { return; } @@ -135,13 +135,13 @@ const MessageScroll: FC = ({ } }, [focusingId]); - // Workaround for FAB flickering with tall incoming message + // Workaround for FAB and notch flickering with tall incoming message useOnChange(() => { - isFabFrozen = true; + areToolsFrozen = true; setTimeout(() => { - isFabFrozen = false; - }, FAB_FREEZE_TIMEOUT); + areToolsFrozen = false; + }, TOOLS_FREEZE_TIMEOUT); }, [messageIds]); // Workaround for stuck FAB when many unread messages