Add prefix to option IDs to avoid conflicts

vinodhinir · Jun 1, 2017 · a6d99f8 · a6d99f8
1 parent 1e918b8
commit a6d99f8
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/website/_includes/_mixins-base.jade b/website/_includes/_mixins-base.jade
@@ -136,8 +136,8 @@ mixin quickstart(groups, headline)
                     .c-quickstart__legend=group.title
                     .c-quickstart__fields
                         for option in group.options
-                            input.c-quickstart__input(class="c-quickstart__input--" + (group.multiple ? "check" : "radio") type=group.multiple ? "checkbox" : "radio" name=group.id id=option.id value=option.id checked=option.checked)
-                            label.c-quickstart__label(for=option.id)=option.title
+                            input.c-quickstart__input(class="c-quickstart__input--" + (group.multiple ? "check" : "radio") type=group.multiple ? "checkbox" : "radio" name=group.id id="qs-#{option.id}" value=option.id checked=option.checked)
+                            label.c-quickstart__label(for="qs-#{option.id}")=option.title
                                 if option.meta
                                     |  #[span.c-quickstart__label__meta (#{option.meta})]
                                 if option.help