Update the form submit state

blocks/form/form-fields.js

@@ -160,6 +160,7 @@ const createSubmit = (fd) => {
 
   const fieldWrapper = createFieldWrapper(fd);
   fieldWrapper.append(button);
+  button.disabled = true;
   return { field: button, fieldWrapper };
 };
 

blocks/form/form.js

@@ -99,8 +99,17 @@ export default async function decorate(block) {
   if (!formLink) return;
 
   const form = await createForm(formLink.href);
+  const submitButton = form.querySelector('button[type="submit"]');
   block.replaceChildren(form);
 
+  /* enabling the submit button only when all of the checkboxes are checked */
+  const checkboxList = [...form.querySelectorAll('input[type="checkbox"]')];
+  checkboxList.forEach(checkbox => {
+    checkbox.addEventListener('input', () => {
+      submitButton.disabled = checkboxList.length !== checkboxList.filter(ch => ch.checked).length
+    })
+  });
+
   form.addEventListener('submit', (e) => {
     e.preventDefault();
     const valid = form.checkValidity();

blocks/table/table.css

@@ -1,6 +1,7 @@
 .table {
   overflow: auto;
   width: 100%;
+  text-align: left;
 }
 
 .table .table-element {