diff --git a/apps/theseus-gui/src/pages/Browse.vue b/apps/theseus-gui/src/pages/Browse.vue index 68555b8bb..004b084ed 100644 --- a/apps/theseus-gui/src/pages/Browse.vue +++ b/apps/theseus-gui/src/pages/Browse.vue @@ -897,7 +897,6 @@ onUnmounted(() => unlistenOffline()) .search-container { display: flex; - height: 100%; /* takes up only the necessary height */ overflow-y: auto; scroll-behavior: smooth; diff --git a/apps/theseus-gui/src/routes.js b/apps/theseus-gui/src/routes.js index c678730c9..af5c5166a 100644 --- a/apps/theseus-gui/src/routes.js +++ b/apps/theseus-gui/src/routes.js @@ -138,7 +138,11 @@ export default new createRouter({ linkActiveClass: 'router-link-active', linkExactActiveClass: 'router-link-exact-active', scrollBehavior() { - // always scroll to top - return { top: 0 } + // Sometimes Vue's scroll behavior is not working as expected, so we need to manually scroll to top (especially on Linux) + document.querySelector(".router-view").scrollTop = 0; + return { + el: ".router-view", + top: 0 + } }, })