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

Transition: Avoid possible forced layout

Browse Source
This commit is contained in:
Alexander Zinchuk 2023-01-06 01:15:45 +01:00
parent f049b50e5e
commit 384e216e5f
1 changed files with 7 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/components/ui/Transition.tsx
View File

@ -237,12 +237,14 @@ const Transition: FC<TransitionProps> = ({
const container = containerRef.current!; const container = containerRef.current!;
const activeElement = container.querySelector<HTMLDivElement>(`.${classNames.active}`) const activeElement = container.querySelector<HTMLDivElement>(`.${classNames.active}`)
|| container.querySelector<HTMLDivElement>('.from'); || container.querySelector<HTMLDivElement>('.from');
const clientHeight = activeElement?.clientHeight;
if (activeElement) { if (!clientHeight) {
activeElement.style.height = 'auto'; return;
container.style.height = `${activeElement.clientHeight}px`;
container.style.flexBasis = `${activeElement.clientHeight}px`;
} }
activeElement.style.height = 'auto';
container.style.height = `${clientHeight}px`;
container.style.flexBasis = `${clientHeight}px`;
} }
}, [shouldRestoreHeight, children]); }, [shouldRestoreHeight, children]);