Optimize off-screen content rendering using content-visibility (#361)

Co-authored-by: Dan <[email protected]>
zuplo · Nov 21, 2024 · a925d0c · a925d0c
1 parent 5110d78
commit a925d0c
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/packages/zudoku/src/lib/plugins/openapi/OperationList.tsx b/packages/zudoku/src/lib/plugins/openapi/OperationList.tsx
@@ -1,4 +1,5 @@
 import { ResultOf } from "@graphql-typed-document-node/core";
+import type { CSSProperties } from "react";
 import { useQuery } from "urql";
 import { CategoryHeading } from "../../components/CategoryHeading.js";
 import { DeveloperHint } from "../../components/DeveloperHint.js";
@@ -154,7 +155,7 @@ export const OperationList = () => {
       {result.data.schema.tags
         .filter((tag) => tag.operations.length > 0)
         .map((tag) => (
-          <div key={tag.name}>
+          <div key={tag.name} className="[content-visibility:auto]">
             {tag.name && <CategoryHeading>{tag.name}</CategoryHeading>}
             {tag.description && (
               <Markdown