diff --git a/public/src/client/topic/glance.js b/public/src/client/topic/glance.js index 3a02b9d1bb..126d3d5ccd 100644 --- a/public/src/client/topic/glance.js +++ b/public/src/client/topic/glance.js @@ -23,13 +23,18 @@ export default function init() { ({ knobEl } = enableKnob()); once('action:ajaxify.cleanup', () => { - console.log('start'); navigatorEl.classList.toggle('d-sm-flex', false); + window.removeEventListener('resize', updateTrackPosition); }); console.debug('[glance] At-a-glance navigator enabled.'); } +function updateTrackPosition() { + const trackEl = document.querySelector('[component="topic/navigator"] .track'); + ({ top: trackTop, bottom: trackBottom, height: trackHeight } = trackEl.getBoundingClientRect()); +} + function enableButtons() { const navigatorEl = document.querySelector('[component="topic/navigator"]'); navigatorEl.addEventListener('click', (e) => { @@ -44,11 +49,11 @@ function enableButtons() { } function enableKnob() { - const trackEl = document.querySelector('[component="topic/navigator"] .track'); const knobEl = document.querySelector('[component="topic/navigator"] .knob'); let active = false; - ({ top: trackTop, bottom: trackBottom, height: trackHeight } = trackEl.getBoundingClientRect()); + updateTrackPosition(); + window.addEventListener('resize', updateTrackPosition); onPage('action:navigator.update', ({ newIndex }) => { if (!active) {