Merge pull request #5691 from getkirby/v4/fix/dropdown-position

Remember the scroll position when opening dropdowns
getkirby · Sep 25, 2023 · e34c556 · e34c556
2 parents 42bdd7c + 94d7d26
commit e34c556
Showing 1 changed file with 5 additions and 0 deletions.
diff --git a/panel/src/components/Dropdowns/DropdownContent.vue b/panel/src/components/Dropdowns/DropdownContent.vue
@@ -164,6 +164,9 @@ export default {
 		async onOpen() {
 			this.isOpen = true;
 
+			// remember the current scroll position
+			const scrollTop = window.scrollY;
+
 			// store a global reference to the dropdown
 			OpenDropdown = this;
 
@@ -173,6 +176,8 @@ export default {
 			if (this.$el && this.opener) {
 				window.addEventListener("resize", this.position);
 				await this.setPosition();
+				// restore the scroll position
+				window.scrollTo(0, scrollTop);
 				this.$emit("open");
 			}
 		},