updated bb compilation, various improvements

src/components/Lists.vue

@@ -20,7 +20,7 @@
 
     <div id="list-container">
       <transition-group name="list" tag="div">
-        <div class="list-item" v-for="list in gStore.lists" :key="list.id">
+        <div class="list-item" v-for="list in gStore.lists" :key="list.id" :id="`list-${list.id}`">
           <div class="item-v-container">
             <input class="item-title" type="text" @blur="saveList(list)" v-model="list.title">
           </div>
@@ -147,6 +147,19 @@ export default {
         title: "Enter list title",
         id: NEW_LIST_ID
       });
+
+      /* wait a moment, then scroll list to the bottom */
+      setTimeout(function() {
+        document.getElementById("list-container").scrollTo({
+          top: 100000,
+          behavior: "smooth"
+        });
+        /* select text in new item's title field */
+        const titleInput = document.querySelector(`#list-${NEW_LIST_ID} .item-title`);
+        titleInput.setSelectionRange(0, 1000);
+        titleInput.focus();
+      }, 100);
+
     },
 
     /**

src/components/Todo.vue

@@ -198,7 +198,7 @@ export default {
           behavior: "smooth"
         });
         /* select text in new item's title field */
-        const titleInput = document.querySelector(`#task-${newItemId} .item-title`);
+        const titleInput = document.querySelector(`#task-${NEW_TASK_ID} .item-title`);
         titleInput.setSelectionRange(0, 1000);
         titleInput.focus();
       }, 100);
@@ -322,4 +322,4 @@ h1 {
   }
 }
 
-</style>
+</style>

src/util/net.js

@@ -40,7 +40,7 @@ class GqlError extends Error {
     } else if (error instanceof String) {
       errorMessages.push(error);
 
-    } else if ('errors' in error) {
+    } else if (typeof error === 'object' && 'errors' in error) {
       /** assume this is a GraphQL server response (JSON) of the following form:
         * {
         *   "errors": [