classcard-ui 0.2.336 → 0.2.339

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "classcard-ui",
-  "version": "0.2.336",
+  "version": "0.2.339",
   "main": "dist/classcard-ui.common.js",
   "scripts": {
     "serve": "vue-cli-service serve",

package/src/components/CMultiselect/CMultiselect.vue

@@ -96,27 +96,7 @@
       </template>
       <template #list-footer>
         <li ref="load" class="loader" v-show="hasNextPage">
-          <svg
-            class="h-5 w-5 animate-spin text-gray-400"
-            xmlns="http://www.w3.org/2000/svg"
-            fill="none"
-            viewBox="0 0 24 24"
-            v-if="loading"
-          >
-            <circle
-              class="opacity-25"
-              cx="12"
-              cy="12"
-              r="10"
-              stroke="currentColor"
-              stroke-width="4"
-            ></circle>
-            <path
-              class="opacity-75"
-              fill="currentColor"
-              d="M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
-            ></path>
-          </svg>
+          Loading more options...
         </li>
       </template>
     </v-select>
@@ -231,7 +211,13 @@ export default {
     async onOpen() {
       if (this.hasNextPage) {
         await this.$nextTick();
-        this.observer.observe(this.$refs.load);
+        if (this.$refs?.load && this.observer) {
+          this.observer.observe(this.$refs.load);
+        } else {
+          setTimeout(() => {
+            this.onOpen();
+          }, 500);
+        }
       }
     },
     onClose() {
@@ -241,13 +227,12 @@ export default {
       if (isIntersecting) {
         const ul = target.offsetParent;
         const scrollTop = target.offsetParent.scrollTop;
-        this.emitLoadNextPage();
-        await this.$nextTick();
-        ul.scrollTop = scrollTop;
+        this.emitLoadNextPage(ul, scrollTop);
+        this.scrollTop = scrollTop;
       }
     },
-    emitLoadNextPage: debounce(function () {
-      this.$emit("loadNextPage");
+    emitLoadNextPage: debounce(function (ul, scrollTop) {
+      this.$emit("loadNextPage", ul, scrollTop);
     }, 300),
   },
   watch: {