(core) Form kanban tasks

Summary:
- Open all links in a new tab
- Excluding not filled columns (to fix trigger formulas)
- Fixed Ref/RefList submission
- Removing redundant type definitions for Box
- Adding header menu item
- Default empty values in select control

Test Plan: Updated

Reviewers: georgegevoian

Reviewed By: georgegevoian

Differential Revision: https://phab.getgrist.com/D4166

static/forms/form.html

@@ -9,6 +9,15 @@
   </style>
   <script src="forms/grist-form-submit.js"></script>
   <script src="forms/purify.min.js"></script>
+  <script>
+    // Make all links open in a new tab.
+    DOMPurify.addHook('uponSanitizeAttribute', (node) => {
+      if (!('target' in node)) { return; }
+      node.setAttribute('target', '_blank');
+      // Make sure that this is set explicitly, as it's often set by the browser.
+      node.setAttribute('rel', 'noopener');
+    });
+  </script>
   <link rel="stylesheet" href="forms/form.css">
   <meta name="viewport" content="width=device-width, initial-scale=1">
 </head>
@@ -43,7 +52,7 @@
     document.querySelector('.grist-form input[type="submit"]').addEventListener('click', function(event) {
       // When submit is pressed make sure that all choice lists that are required
       // have at least one option selected
-      const choiceLists = document.querySelectorAll('.grist-choice-list.required:not(:has(input:checked))');
+      const choiceLists = document.querySelectorAll('.grist-checkbox-list.required:not(:has(input:checked))');
       Array.from(choiceLists).forEach(function(choiceList) {
         // If the form has at least one checkbox make it required
         const firstCheckbox = choiceList.querySelector('input[type="checkbox"]');
@@ -51,7 +60,7 @@
       });
 
       // All other required choice lists with at least one option selected are no longer required
-      const choiceListsRequired = document.querySelectorAll('.grist-choice-list.required:has(input:checked)');
+      const choiceListsRequired = document.querySelectorAll('.grist-checkbox-list.required:has(input:checked)');
       Array.from(choiceListsRequired).forEach(function(choiceList) {
         // If the form has at least one checkbox make it required
         const firstCheckbox = choiceList.querySelector('input[type="checkbox"]');