diff --git a/src/renderer/components/watch-video-info/watch-video-info.js b/src/renderer/components/watch-video-info/watch-video-info.js index 7a9ebae58..d89da7e55 100644 --- a/src/renderer/components/watch-video-info/watch-video-info.js +++ b/src/renderer/components/watch-video-info/watch-video-info.js @@ -300,6 +300,18 @@ export default Vue.extend({ } ] }) + + this.$watch('$refs.downloadButton.dropdownShown', (dropdownShown) => { + this.$parent.infoAreaSticky = !dropdownShown + + if (dropdownShown && window.innerWidth >= 901) { + // adds a slight delay so we know that the dropdown has shown up + // and won't mess up our scrolling + Promise.resolve().then(() => { + this.$parent.$refs.infoArea.scrollIntoView() + }) + } + }) } }, methods: { diff --git a/src/renderer/components/watch-video-info/watch-video-info.vue b/src/renderer/components/watch-video-info/watch-video-info.vue index da6cc0523..db0bce524 100644 --- a/src/renderer/components/watch-video-info/watch-video-info.vue +++ b/src/renderer/components/watch-video-info/watch-video-info.vue @@ -96,6 +96,7 @@ />