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

Message List: Fix for flickering FAB in Safari

Browse Source
This commit is contained in:
Alexander Zinchuk 2021-05-12 22:22:11 +03:00
parent bc8f1b8ffe
commit 438c72588b
1 changed files with 2 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/components/middle/MessageScroll.tsx
View File

@ -4,6 +4,7 @@ import React, {
} from '../../lib/teact/teact'; } from '../../lib/teact/teact';
import { MESSAGE_LIST_SENSITIVE_AREA } from '../../config'; import { MESSAGE_LIST_SENSITIVE_AREA } from '../../config';
import { IS_SAFARI } from '../../util/environment';
import resetScroll from '../../util/resetScroll'; import resetScroll from '../../util/resetScroll';
import { useIntersectionObserver, useOnIntersect } from '../../hooks/useIntersectionObserver'; import { useIntersectionObserver, useOnIntersect } from '../../hooks/useIntersectionObserver';
import useOnChange from '../../hooks/useOnChange'; import useOnChange from '../../hooks/useOnChange';
@ -72,7 +73,7 @@ const MessageScroll: FC<OwnProps> = ({
const { offsetHeight, scrollHeight, scrollTop } = containerRef.current!; const { offsetHeight, scrollHeight, scrollTop } = containerRef.current!;
const scrollBottom = scrollHeight - scrollTop - offsetHeight; const scrollBottom = scrollHeight - scrollTop - offsetHeight;
const isNearBottom = scrollBottom <= FAB_THRESHOLD; const isNearBottom = scrollBottom <= FAB_THRESHOLD;
const isAtBottom = scrollBottom === 0; const isAtBottom = scrollBottom === 0 || (IS_SAFARI && scrollBottom === 1);
onFabToggle(firstUnreadId ? !isAtBottom : !isNearBottom); onFabToggle(firstUnreadId ? !isAtBottom : !isNearBottom);
}, [messageIds, isViewportNewest, containerRef, onFabToggle, firstUnreadId]); }, [messageIds, isViewportNewest, containerRef, onFabToggle, firstUnreadId]);