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

Profile: Fix header update on scroll (#5627)

Browse Source
This commit is contained in:
zubiden 2025-03-01 17:59:05 +01:00 committed by Alexander Zinchuk
parent b7b4e4811a
commit 5fb31e1603
2 changed files with 5 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/right/hooks/useProfileState.ts
View File

@ -89,7 +89,7 @@ export default function useProfileState(
}
let state: ProfileState = ProfileState.Profile;
if (container.scrollTop >= tabListEl.offsetTop) {
if (Math.ceil(container.scrollTop) >= tabListEl.offsetTop) {
state = getStateFromTabType(tabType);
}

5
src/components/right/hooks/useTransitionFixes.ts
View File

@ -4,6 +4,9 @@ import { requestMeasure, requestMutation } from '../../../lib/fasterdom/fasterdo
import useLastCallback from '../../../hooks/useLastCallback';
// Sometimes px values are rounded
const ROUNDING_COMPENSATION_PX = 1;
export default function useTransitionFixes(
containerRef: { current: HTMLDivElement | null },
transitionElSelector = '.Transition.shared-media-transition',
@ -15,7 +18,7 @@ export default function useTransitionFixes(
const transitionEl = container.querySelector<HTMLDivElement>(transitionElSelector);
const tabsEl = container.querySelector<HTMLDivElement>('.TabList');
if (transitionEl && tabsEl) {
const newHeight = container.offsetHeight - tabsEl.offsetHeight;
const newHeight = container.offsetHeight - tabsEl.offsetHeight + ROUNDING_COMPENSATION_PX;
requestMutation(() => {
transitionEl.style.minHeight = `${newHeight}px`;