Ensure that .modal-actions is visible after entities CSV is selected (#980)

Closes getodk/central#639.

Author: matthew-white

src/components/entity/upload.vue

@@ -65,7 +65,7 @@ except according to the terms contained in the LICENSE file.
         :progress="uploadProgress" @clear="clearFile"
         @animationstart="animatePopup(true)"
         @animationend="animatePopup(false)"/>
-      <div class="modal-actions">
+      <div ref="actions" class="modal-actions">
         <button type="button" class="btn btn-primary"
           :aria-disabled="csvEntities == null || uploading" @click="upload">
           {{ $t('action.append') }}
@@ -350,6 +350,11 @@ const resizeColumnUnlessAnimating = () => {
 };
 useEventListener(window, 'resize', resizeColumnUnlessAnimating);
 
+const actions = ref(null);
+watch(csvEntities, (value) => {
+  if (value != null) nextTick(() => { actions.value.scrollIntoView(); });
+});
+
 watch(() => props.state, (state) => {
   if (!state) {
     for (const table of tables) table.resetScroll();