fix scroll to section

Author: nolannbiron

packages/gitbook/src/components/DocumentView/OpenAPI/style.css

@@ -173,7 +173,7 @@
 
 .openapi-schema,
 .openapi-disclosure {
-    @apply py-2.5 flex flex-col gap-2 scroll-mt-(--toc-top-offset);
+    @apply py-2.5 flex flex-col gap-2;
 }
 
 .openapi-schema-properties .openapi-schema:last-child {
@@ -182,7 +182,7 @@
 
 /* Schema Presentation */
 .openapi-schema-presentation {
-    @apply flex flex-col gap-1 font-normal;
+    @apply flex flex-col gap-1 font-normal scroll-mt-(--toc-top-offset);
 }
 
 .openapi-schema-properties:last-child {

packages/react-openapi/src/OpenAPISchema.tsx

@@ -64,7 +64,7 @@ function OpenAPISchemaProperty(
     const ancestors = new Set(circularRefs.keys());
     const alternatives = getSchemaAlternatives(schema, ancestors);
 
-    const header = <OpenAPISchemaPresentation context={context} property={property} />;
+    const header = <OpenAPISchemaPresentation id={id} context={context} property={property} />;
     const content = (() => {
         if (alternatives?.schemas) {
             const { schemas, discriminator } = alternatives;
@@ -105,15 +105,13 @@ function OpenAPISchemaProperty(
 
     if (properties?.length) {
         return (
-            <div id={id} className={clsx('openapi-schema', className)} {...rest}>
-                <OpenAPIDisclosure
-                    icon={context.icons.plus}
-                    header={header}
-                    label={(isExpanded) => getDisclosureLabel({ schema, isExpanded, context })}
-                >
-                    {content}
-                </OpenAPIDisclosure>
-            </div>
+            <OpenAPIDisclosure
+                icon={context.icons.plus}
+                header={header}
+                label={(isExpanded) => getDisclosureLabel({ schema, isExpanded, context })}
+            >
+                {content}
+            </OpenAPIDisclosure>
         );
     }
 
@@ -365,11 +363,13 @@ function OpenAPISchemaEnum(props: {
  * Render the top row of a schema. e.g: name, type, and required status.
  */
 export function OpenAPISchemaPresentation(props: {
+    id?: string;
     property: OpenAPISchemaPropertyEntry;
     context: OpenAPIClientContext;
     circularRefId?: string;
 }) {
     const {
+        id,
         property: { schema, propertyName, required, isDiscriminatorProperty },
         circularRefId,
         context,
@@ -379,7 +379,7 @@ export function OpenAPISchemaPresentation(props: {
     const example = resolveFirstExample(schema);
 
     return (
-        <div className="openapi-schema-presentation">
+        <div id={id} className="openapi-schema-presentation">
             <OpenAPISchemaName
                 schema={schema}
                 type={getSchemaTitle(schema)}