fix: check if element exists #278

development/templates/vite.config.mjs

@@ -93,8 +93,9 @@ export default defineConfig({
         https: {
             key: "${LOCALHOST_CERTS_DIR}/localhost.alvine.dev.key",
             cert: "${LOCALHOST_CERTS_DIR}/localhost.alvine.dev.crt"
-            
-
+        },
+        watch: {
+            ignored: ['**/node_modules/**']
         },
         debug: true,
         proxy: {

source/components/datatable/datatable.mjs

@@ -881,7 +881,11 @@ function initEventHandler() {
             "data-monster-role",
             "select-row",
         );
-        if (element) {
+
+        if (!element) {
+            return;
+        }
+        
         const key = element.parentNode.getAttribute(
             "data-monster-insert-reference",
         );
@@ -910,14 +914,18 @@ function initEventHandler() {
         }
 
         fireCustomEvent(this, "monster-datatable-selection-changed", {});
-        }
 
         const rows = self.getGridElements(`[data-monster-role="select-row"]`);
         const allSelected = Array.from(rows).every((row) => row.checked);
+
         const selectAll = this[gridHeadersElementSymbol].querySelector(
             `[data-monster-role="select-all"]`,
         );
+
+        if (selectAll) {
             selectAll.checked = allSelected;
+        }
+
     };
 
     this[gridElementSymbol].addEventListener("click", selectRowCallback);