ztr/TelegramPWA
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Message List: Fix notch flickering when adding reaction to the last message

Browse Source
This commit is contained in:
Alexander Zinchuk 2023-05-15 10:54:16 +02:00
parent d5afd36c9b
commit 9dd9937a60
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/components/middle/message/Message.tsx
View File

@ -127,6 +127,7 @@ import useMessageTranslation from './hooks/useMessageTranslation';
import usePrevious from '../../../hooks/usePrevious';
import useTextLanguage from '../../../hooks/useTextLanguage';
import useAuthorWidth from '../hooks/useAuthorWidth';
import { dispatchHeavyAnimationEvent } from '../../../hooks/useHeavyAnimationCheck';
import Button from '../../ui/Button';
import Avatar from '../../common/Avatar';
@ -280,6 +281,7 @@ const QUICK_REACTION_SIZE = 1.75 * REM;
const EXTRA_SPACE_FOR_REACTIONS = 2.25 * REM;
const BOTTOM_FOCUS_SCROLL_THRESHOLD = 5;
const THROTTLE_MS = 300;
const RESIZE_ANIMATION_DURATION = 400;
const Message: FC<OwnProps & StateProps> = ({
message,
@ -688,6 +690,8 @@ const Message: FC<OwnProps & StateProps> = ({
const container = entry.target.closest<HTMLDivElement>('.MessageList');
if (!container) return;
dispatchHeavyAnimationEvent(RESIZE_ANIMATION_DURATION);
const resizeDiff = newHeight - lastHeight;
const { offsetHeight, scrollHeight, scrollTop } = container;
const currentScrollBottom = Math.round(scrollHeight - scrollTop - offsetHeight);