Auto-toggle other radio button if other email input is focused or typ…

…ed in. Fixes bug #1050989.

kuma/users/templates/socialaccount/signup.html

@@ -72,7 +72,7 @@ <h1>{{ _('Sign up') }}</h1>
                   <li>
                     {% if email_choice.choice_value == form.other_email_value %}
                       {{ email_choice.tag() }}
-                      <label for="{{ id_for_label }}" class="inner">{% trans %}other:{% endtrans %}</label>
+                      <label for="{{ id_for_label }}" class="inner other-label">{% trans %}other:{% endtrans %}</label>
                       {{ form.other_email }}
                     {% else %}
                     <label for="{{ id_for_label }}">
@@ -105,3 +105,19 @@ <h1>{{ _('Sign up') }}</h1>
   </div>
 </section>
 {% endblock %}
+
+{% block js %}
+<script>
+(function (jQuery) {
+    'use strict';
+
+    var $otherLabel = $('.other-label');
+    var $otherRadio = $otherLabel.prev();
+    $otherLabel.next().on('keyup focus', function() {
+      $otherRadio.prop("checked", true);
+    })
+
+})(jQuery);
+</script>
+
+{% endblock %}