fix(ObjectPage): prevent content flickering with single subsection (#5392)

Lukas742 · web-flow · commit 7e1965d4f7c8 · 2024-01-08T08:40:20.000+01:00
Fixes #5391
diff --git a/packages/main/src/components/ObjectPage/index.tsx b/packages/main/src/components/ObjectPage/index.tsx
@@ -465,7 +465,7 @@ const ObjectPage = forwardRef<HTMLDivElement, ObjectPagePropTypes>((props, ref)
       }
       const subSections = section.querySelectorAll<HTMLDivElement>('[id^="ObjectPageSubSection"]');
       const lastSubSection = subSections[subSections.length - 1];
-      if (lastSubSection) {
+      if (subSections.length > 1 && lastSubSection) {
         heightDiff +=
           objectPage.getBoundingClientRect().height -
           topHeaderHeight -

Original file line number	Diff line number	Diff line change
`@@ -465,7 +465,7 @@ const ObjectPage = forwardRef<HTMLDivElement, ObjectPagePropTypes>((props, ref)`
`465`	`465`	`}`
`466`	`466`	`const subSections = section.querySelectorAll<HTMLDivElement>('[id^="ObjectPageSubSection"]');`
`467`	`467`	`const lastSubSection = subSections[subSections.length - 1];`
`468`		`- if (lastSubSection) {`
	`468`	`+ if (subSections.length > 1 && lastSubSection) {`
`469`	`469`	`heightDiff +=`
`470`	`470`	`objectPage.getBoundingClientRect().height -`
`471`	`471`	`topHeaderHeight -`