UI: Test content-visibility CSS features

.changeset/spotty-poems-appear.md

@@ -0,0 +1,5 @@
+---
+'fumadocs-ui': patch
+---
+
+Enable `content-visibility` CSS features

packages/ui/src/page.tsx

@@ -263,8 +263,18 @@ function EditOnGitHub({
 export const DocsBody = forwardRef<
   HTMLDivElement,
   HTMLAttributes<HTMLDivElement>
->(({ className, ...props }, ref) => (
-  <div ref={ref} className={cn('prose', className)} {...props} />
+>((props, ref) => (
+  <div
+    ref={ref}
+    {...props}
+    className={cn('prose contain-content', props.className)}
+    style={
+      {
+        contentVisibility: 'auto',
+        ...props.style,
+      } as object
+    }
+  />
 ));
 
 DocsBody.displayName = 'DocsBody';