Fix mutually exclusive when no legend supplied (#390)

ONSdigital · May 24, 2019 · 03de060 · 03de060
1 parent a98b662
commit 03de060
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/field/_macro.njk b/src/components/field/_macro.njk
@@ -27,7 +27,7 @@
 
     {% if params.legend or (params.mutuallyExclusive and params.legend) %}
         {% if not params.noField %}
-            <fieldset{% if params.id %} id="{{ params.id }}"{% endif %} class="field{% if params.mutuallyExclusive %} field--exclusive{% endif %}{% if params.classes %} {{ params.classes }}{% endif %}">
+            <fieldset{% if params.id %} id="{{ params.id }}"{% endif %} class="field{% if params.mutuallyExclusive %} js-mutually-exclusive{% endif %}{% if params.classes %} {{ params.classes }}{% endif %}">
                 <legend class="field__legend {{ params.legendClasses }}">
                     {{ params.legend | safe }}
                     {% if params.description %}
@@ -43,7 +43,7 @@
         {% endif %}
     {% else %}
         {% if not params.noField %}
-            <div{% if params.id %} id="{{ params.id }}"{% endif %} class="field{% if params.classes %} {{ params.classes }}{% endif %}">
+            <div{% if params.id %} id="{{ params.id }}"{% endif %} class="field{% if params.mutuallyExclusive %} js-mutually-exclusive{% endif %}{% if params.classes %} {{ params.classes }}{% endif %}">
         {% endif %}
             {% if params.description %}
                 <div class="field__description">{{ params.description }}</div>

diff --git a/src/components/mutually-exclusive/mutually-exclusive.js b/src/components/mutually-exclusive/mutually-exclusive.js
@@ -1,6 +1,6 @@
 import domready from 'js/domready';
 
-const exclusiveWrapperClass = 'field--exclusive';
+const exclusiveWrapperClass = 'js-mutually-exclusive';
 const exclusiveGroupClass = 'js-exclusive-group';
 const checkboxClass = 'js-exclusive-checkbox';
 const voiceOverAlertClass = 'js-exclusive-alert';