Added auto scroll to the table of contents.

TocWidget.js

@@ -12,7 +12,7 @@
  * the tag noTocWidget to a text note.
  *
  * By design there's no support for non-sensical or malformed constructs:
- * - headings inside elements (eg  Trilium allows headings inside tables, but
+ * - headings inside elements (eg Trilium allows headings inside tables, but
  *   not inside lists)
  * - nested headings when using raw HTML <H2><H3></H3></H2> 
  * - malformed headings when using raw HTML <H2></H3></H2><H3> 
@@ -22,11 +22,11 @@
  * to the wrong heading (although what "right" means in those cases is not
  * clear), but it won't crash.
  *
- * See https://github.com/zadam/trilium/discussions/2799 for discussions
+ * * See https://github.com/zadam/trilium/discussions/2799 for discussions
  */
 
-const TEMPLATE = `<div style="padding: 0px; border-top: 1px solid var(--main-border-color); contain: none;">
- <span class="toc"></span>
+const TEMPLATE = `<div style="padding: 0px; border-top: 1px solid var(--main-border-color); contain: none; overflow:auto">
+    <span class="toc"></span>
 </div>`;
 
 const showDebug = (api.startNote.getAttribute("label", "debug") != null);
@@ -53,13 +53,13 @@ function debugbreak() {
 }
 
 /**
-* Find a heading node in the parent's children given its index.
-*
-* @param {Element} parent Parent node to find a headingIndex'th in.
-* @param {uint} headingIndex Index for the heading
-* @returns {Element|null} Heading node with the given index, null couldn't be
-*          found (ie malformed like nested headings, etc)
-*/
+ * Find a heading node in the parent's children given its index.
+ *
+ * @param {Element} parent Parent node to find a headingIndex'th in.
+ * @param {uint} headingIndex Index for the heading
+ * @returns {Element|null} Heading node with the given index, null couldn't be
+ *          found (ie malformed like nested headings, etc)
+ */
 function findHeadingNodeByIndex(parent, headingIndex) {
     dbg("Finding headingIndex " + headingIndex + " in parent " + parent.name);
     let headingNode = null;
@@ -113,10 +113,10 @@ function findHeadingElementByIndex(parent, headingIndex) {
 }
 
 /**
-* Return the active tab's element containing the HTML element that contains
-* a readonly note's HTML.
-* 
-*/
+ * Return the active tab's element containing the HTML element that contains
+ * a readonly note's HTML.
+ * 
+ */
 function getActiveTabReadOnlyTextElement() {
     // The note's html is in the following hierarchy
     //   note-split data-ntx-id=XXXX