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; let state: ProfileState = ProfileState.Profile;
if (container.scrollTop >= tabListEl.offsetTop) { if (Math.ceil(container.scrollTop) >= tabListEl.offsetTop) {
state = getStateFromTabType(tabType); 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'; import useLastCallback from '../../../hooks/useLastCallback';
// Sometimes px values are rounded
const ROUNDING_COMPENSATION_PX = 1;
export default function useTransitionFixes( export default function useTransitionFixes(
containerRef: { current: HTMLDivElement | null }, containerRef: { current: HTMLDivElement | null },
transitionElSelector = '.Transition.shared-media-transition', transitionElSelector = '.Transition.shared-media-transition',
@ -15,7 +18,7 @@ export default function useTransitionFixes(
const transitionEl = container.querySelector<HTMLDivElement>(transitionElSelector); const transitionEl = container.querySelector<HTMLDivElement>(transitionElSelector);
const tabsEl = container.querySelector<HTMLDivElement>('.TabList'); const tabsEl = container.querySelector<HTMLDivElement>('.TabList');
if (transitionEl && tabsEl) { if (transitionEl && tabsEl) {
const newHeight = container.offsetHeight - tabsEl.offsetHeight; const newHeight = container.offsetHeight - tabsEl.offsetHeight + ROUNDING_COMPENSATION_PX;
requestMutation(() => { requestMutation(() => {
transitionEl.style.minHeight = `${newHeight}px`; transitionEl.style.minHeight = `${newHeight}px`;