Merge pull request #14 from eea/develop

fix: Resolve scroll only if element exists

CHANGELOG.md

@@ -4,11 +4,13 @@ All notable changes to this project will be documented in this file. Dates are d
 
 Generated by [`auto-changelog`](https://github.com/CookPete/auto-changelog).
 
-### [3.0.2](https://github.com/eea/volto-block-toc/compare/3.0.1...3.0.2) - 20 October 2022
+### [3.0.3](https://github.com/eea/volto-block-toc/compare/3.0.2...3.0.3) - 21 October 2022
 
 #### :bug: Bug Fixes
 
-- fix: Make smooth scroll work when components are rendered when visible in viewport [Miu Razvan - [`971dc85`](https://github.com/eea/volto-block-toc/commit/971dc85b0d79baff9a1ee2d768a03e730007d872)]
+- fix: Resolve scroll only if element exists [Miu Razvan - [`ceb1e64`](https://github.com/eea/volto-block-toc/commit/ceb1e6494872254b1f5dbbe731e28b03fe74d189)]
+
+### [3.0.2](https://github.com/eea/volto-block-toc/compare/3.0.1...3.0.2) - 20 October 2022
 
 #### :hammer_and_wrench: Others
 

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@eeacms/volto-block-toc",
-  "version": "3.0.2",
+  "version": "3.0.3",
   "description": "volto-block-toc: Volto add-on",
   "main": "src/index.js",
   "author": "European Environment Agency: IDM2 A-Team",

src/AnchorLink.jsx

@@ -34,8 +34,10 @@ class AnchorLink extends Component {
       () => {
         // Scroll done
         document.removeEventListener('scroll', this.onScroll);
+        if (!this.link.current) return;
         const id = this.link.current.getAttribute('href').slice(1);
         const $anchor = document.getElementById(id);
+        if (!$anchor) return;
         const offsetTop =
           $anchor.getBoundingClientRect().top +
           window.scrollY -
@@ -54,8 +56,10 @@ class AnchorLink extends Component {
   }
   smoothScroll(e) {
     e.preventDefault();
+    if (!this.link.current) return;
     const id = this.link.current.getAttribute('href').slice(1);
     const $anchor = document.getElementById(id);
+    if (!$anchor) return;
     const offsetTop =
       $anchor.getBoundingClientRect().top + window.scrollY - this.getOffset();
     document.addEventListener('scroll', this.onScroll);