X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/58cadce052f5cc3c9ce2bc12f88a93cac310699a..refs/pull/4794/head:/resources/js/components/page-display.js diff --git a/resources/js/components/page-display.js b/resources/js/components/page-display.js index eb7df5fb6..1e13ae388 100644 --- a/resources/js/components/page-display.js +++ b/resources/js/components/page-display.js @@ -3,7 +3,7 @@ import {scrollAndHighlightElement} from '../services/util'; import {Component} from './component'; function toggleAnchorHighlighting(elementId, shouldHighlight) { - DOM.forEach(`a[href="#${elementId}"]`, anchor => { + DOM.forEach(`#page-navigation a[href="#${elementId}"]`, anchor => { anchor.closest('li').classList.toggle('current-heading', shouldHighlight); }); } @@ -37,7 +37,6 @@ export class PageDisplay extends Component { window.importVersioned('code').then(Code => Code.highlight()); this.setupNavHighlighting(); - this.setupDetailsCodeBlockRefresh(); // Check the hash on load if (window.location.hash) { @@ -87,14 +86,4 @@ export class PageDisplay extends Component { } } - setupDetailsCodeBlockRefresh() { - const onToggle = event => { - const codeMirrors = [...event.target.querySelectorAll('.CodeMirror')]; - codeMirrors.forEach(cm => cm.CodeMirror && cm.CodeMirror.refresh()); - }; - - const details = [...this.container.querySelectorAll('details')]; - details.forEach(detail => detail.addEventListener('toggle', onToggle)); - } - }