From 16b0a2270f05d18c7b2bf1adf247f19c273493b1 Mon Sep 17 00:00:00 2001
From: Matthias Kretschmann <m@kretschmann.io>
Date: Mon, 28 Jan 2019 12:40:12 +0100
Subject: [PATCH] scrollspy for sub items only

---
 src/templates/Typedoc/Entities.jsx |  8 ++++++--
 src/templates/Typedoc/Toc.jsx      | 15 ++-------------
 2 files changed, 8 insertions(+), 15 deletions(-)

diff --git a/src/templates/Typedoc/Entities.jsx b/src/templates/Typedoc/Entities.jsx
index 0a5b2799..a49839e8 100644
--- a/src/templates/Typedoc/Entities.jsx
+++ b/src/templates/Typedoc/Entities.jsx
@@ -142,12 +142,16 @@ const PropertyWrapper = ({ property, sourceUrl, parentAnchor }) => {
 
     return (
         <div
-            id={`${parentAnchor}-${slugify(name)}`}
             className={styles.property}
             data-private={!isPublic}
             data-deprecated={!!deprecation}
         >
-            <h3 className={styles.propertyName}>{name}</h3>
+            <h3
+                id={`${parentAnchor}-${slugify(name)}`}
+                className={styles.propertyName}
+            >
+                {name}
+            </h3>
 
             <div
                 className={styles.propertyType}
diff --git a/src/templates/Typedoc/Toc.jsx b/src/templates/Typedoc/Toc.jsx
index 6fef43b2..e5121e45 100644
--- a/src/templates/Typedoc/Toc.jsx
+++ b/src/templates/Typedoc/Toc.jsx
@@ -37,7 +37,7 @@ export default class Toc extends PureComponent {
                 <Scrollspy
                     items={subIds[0]}
                     currentClassName={stylesSidebar.scrollspyActive}
-                    offset={-300}
+                    offset={300}
                 >
                     {this.subItems(children, name)}
                 </Scrollspy>
@@ -46,17 +46,6 @@ export default class Toc extends PureComponent {
     })
 
     render() {
-        let Ids = []
-        Ids.push(this.props.data.map(({ name }) => name))
-
-        return (
-            <Scrollspy
-                items={Ids[0]}
-                currentClassName={stylesSidebar.scrollspyActive}
-                offset={-300}
-            >
-                {this.items}
-            </Scrollspy>
-        )
+        return <ul>{this.items}</ul>
     }
 }