To reproduce

  1. Create a webform
  2. Add a fieldset component
  3. Mark it is collapsible
  4. View the javascript errors when loading up the webform

Why is this bad?

It entirely kills javascript and no other javascript functions can run

Reasons the problem exists?

When any form element is marked as collapsible, drupal core injects the collapse.js to create the dropdown effect. However, the HTML produced for this collapsible via the webform component does not contain the "legend" attribute which collapse.js depends on.

Possible solutions

  1. Fix the webform component fieldset to make sure the legend is produced properly
  2. Fix Drupal 7's collapse.js to handle malformed collapsibles #1606110: Exception thrown in collapse.js by .after(' ') breaks CKEditor display in term edit pages

Comments

quicksketch’s picture

quicksketch
he/him
CreditAttribution: quicksketch commented
Issue summary: View changes
Status: Active » Postponed (maintainer needs more info)

Webform collapsed fieldsets use the same markup as core fieldsets. I can't reproduce a problem when using collapsed fieldsets. This is probably an issue caused by theming in your active theme. Can you reproduce this problem on a clean install of Webform with a stock theme?

DanChadwick’s picture

DanChadwick CreditAttribution: DanChadwick commented
Status: Postponed (maintainer needs more info) » Closed (cannot reproduce)

Closed for lack of activity and reproduction information.

lilbebel’s picture

lilbebel CreditAttribution: lilbebel commented

Hello,

I've just started getting the problem on the website: http://tsmacademy.com/registration

You can see

STUDENT #2 INFORMATION

STUDENT #3 INFORMATION

STUDENT #4 INFORMATION

are no longer expandable. I can unselect the collapsed by default and collapsible buttons in the webform but that makes the form too long and confusing. I don't know why this has stopped working since I upgraded to the latest D7 Core. Any ideas?

Thanks,

Martha

lilbebel’s picture

lilbebel CreditAttribution: lilbebel commented

Hello,

I fixed the problem by uninstalling JQueryUpdate module. I figured out the problem started after I aggregated and then unaggregated the JS in Performance. All is working now.

Martha