From b61f128745786fa87d54522f8c63f25de7d289a2 Mon Sep 17 00:00:00 2001
From: Robbie Antenesse <dev@alamantus.com>
Date: Mon, 3 Aug 2020 16:33:56 -0600
Subject: [PATCH] Make modals scroll to top when opened

---
 src/js/dictionaryManagement.js   | 2 +-
 src/js/settings.js               | 1 +
 src/js/setupListeners/details.js | 4 +++-
 3 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/js/dictionaryManagement.js b/src/js/dictionaryManagement.js
index f64275a..41a1403 100644
--- a/src/js/dictionaryManagement.js
+++ b/src/js/dictionaryManagement.js
@@ -8,7 +8,6 @@ import { addWord, sortWords } from "./wordManagement";
 import { migrateDictionary } from './migration';
 
 export function updateDictionary () {
-
   renderDictionaryDetails();
 }
 
@@ -49,6 +48,7 @@ export function openEditModal() {
   }
 
   document.getElementById('editModal').style.display = '';
+  Array.from(document.querySelectorAll('#editModal .modal-content section')).forEach(section => section.scrollTop = 0);
 }
 
 export function saveEditModal() {
diff --git a/src/js/settings.js b/src/js/settings.js
index e8ed9f2..fc72215 100644
--- a/src/js/settings.js
+++ b/src/js/settings.js
@@ -30,6 +30,7 @@ export function openSettingsModal() {
   showTemplateEditor(false);
 
   document.getElementById('settingsModal').style.display = '';
+  document.querySelector('#settingsModal .modal-content section').scrollTop = 0;
 }
 
 export function updateTemplateSelects() {
diff --git a/src/js/setupListeners/details.js b/src/js/setupListeners/details.js
index 2d8626c..be9e615 100644
--- a/src/js/setupListeners/details.js
+++ b/src/js/setupListeners/details.js
@@ -35,7 +35,9 @@ function setupEditFormTabs() {
         document.getElementById('edit' + t.innerText + 'Tab').style.display = 'none';
       });
       tab.classList.add('active');
-      document.getElementById('edit' + tab.innerText + 'Tab').style.display = '';
+      const tabSection = document.getElementById('edit' + tab.innerText + 'Tab');
+      tabSection.style.display = '';
+      tabSection.scrollTop = 0;
     });
   });
 }