From 3f465df1cd3680293823aabfd21b21462fb31941 Mon Sep 17 00:00:00 2001
From: Mayke <mayke_sargento@hotmail.com>
Date: Thu, 28 Nov 2019 23:18:22 -0300
Subject: [PATCH] configuring a div wrapper for TOC plugin to use overflow-y in
 <ul> and still use &:before on parent element

---
 browser/lib/markdown.js | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/browser/lib/markdown.js b/browser/lib/markdown.js
index 4174deae..c915f0ed 100644
--- a/browser/lib/markdown.js
+++ b/browser/lib/markdown.js
@@ -128,12 +128,19 @@ class Markdown {
     this.md.use(require('markdown-it-abbr'))
     this.md.use(require('markdown-it-sub'))
     this.md.use(require('markdown-it-sup'))
-    this.md.use(markdownItTocAndAnchor, {
-      toc: true,
-      tocPattern: /\[TOC\]/i,
-      anchorLink: false,
-      appendIdToHeading: false
+
+    this.md.use(md => {
+      markdownItTocAndAnchor(md, {
+        toc: true,
+        tocPattern: /\[TOC\]/i,
+        anchorLink: false,
+        appendIdToHeading: false
+      })
+
+      md.renderer.rules.toc_open = () => '<div class="markdownIt-TOC-wrapper">'
+      md.renderer.rules.toc_close = () => '</div>'
     })
+
     this.md.use(require('./markdown-it-deflist'))
     this.md.use(require('./markdown-it-frontmatter'))