Issue #3493640 by bram.velthoven: Boolean field should not show "N/A" option when set to required

Closes #3493640

js/conditional_fields.js

@@ -120,6 +120,11 @@
     .on('state:required', (e) => {
       if (e.trigger) {
         const fieldsSupportingRequired = $(e.target).find('input, textarea');
+
+        // Option 'N/A' etc should not be present when field is required.
+        const requiredNoneOption = fieldsSupportingRequired
+          .filter('[id*="component-none"]')
+          .parent();
         const legends = $(e.target).find('legend');
         const legendsspan = $(e.target).find('legend span');
         const labels = $(e.target).find(
@@ -139,6 +144,9 @@
             if (tabs.length !== 0) {
               tab.find('strong').addClass('form-required');
             }
+            if (requiredNoneOption.length !== 0) {
+              requiredNoneOption.hide();
+            }
           } else {
             labels.addClass('form-required');
           }
@@ -152,6 +160,9 @@
             if (tabs.length !== 0) {
               tab.find('strong').removeClass('form-required');
             }
+            if (requiredNoneOption.length !== 0) {
+              requiredNoneOption.show();
+            }
           } else {
             labels.removeClass('form-required');
           }