diff --git a/src/components/right/hooks/useProfileState.ts b/src/components/right/hooks/useProfileState.ts index 72ae54251..c3f352369 100644 --- a/src/components/right/hooks/useProfileState.ts +++ b/src/components/right/hooks/useProfileState.ts @@ -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); } diff --git a/src/components/right/hooks/useTransitionFixes.ts b/src/components/right/hooks/useTransitionFixes.ts index 41db55b6c..ec0c343bb 100644 --- a/src/components/right/hooks/useTransitionFixes.ts +++ b/src/components/right/hooks/useTransitionFixes.ts @@ -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(transitionElSelector); const tabsEl = container.querySelector('.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`;