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 7a9ebae5..d89da7e5 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 da6cc052..db0bce52 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 @@
/>