Ajax throbber issue with radios

Hello,

I have a form that have ajax radios buttons with a throbber that appears when I change selected radio.

It works well on standard theme like Bartik, but the ajax throbber doesn't appears with bootstrap (see my screenshot for full example).

After some investigation, I identified 2 problems :

- First one in bootstrap_form_element(), line 92

    case 'after':
      $variables['#children'] = ' ' . $prefix . $element['#children'] . $suffix;
      $output .= ' ' . theme('form_element_label', $variables) . "\n";
      break;

Using $variables['#children'] instead of $output.= (core function) results to put the input tag inside the label tag, which seems not correct. I'm not sure why you modified the function like that, but I think it needs more condition to only apply on what you need.

- The second problem is in js/misc/ajax.js, line 63
$(this.element).append(this.progress.element);
By using .append, you put the throbber div inside the input, which is semantically incorrect. You should use .after() instead. In addition, as the input is inside the label you should even use .parent().after() to make the throbber appears in that case.

So I think there are 2 things to correct. the bootstrap_form_element() first to avoid input inside label in the case of radios (maybe others form elements are concerned but I didn't test), then, the ajax.js file to put the throbber in the correct place for these form elements.

Thank you for reading, see screenshot for more informations.