Issues with Submit in Internet Explorer (IE11)

This issue only occurs for me in Internet Explorer. I was testing with version 11 – not sure about older versions but IE11 is my focus for compatability regardless.

The full Contact Form I want to use on my site is here.

Upon hitting Submit, the wheel next to the button just spins and never checks to see if required fields are filled.

To debug, I started building the table that comprises this form one row at a time and started seeing this bug come up when I got to the last row (aside from the submit button row) that I call “Investments”.

So here‘s a version that includes everything but the Investments row and the Submit button works fine for this – it checks required fields and submits upon a valid fill.

This initially made me think maybe the form is perhaps too large and using too many resources for IE11 so I made a version with just the Prelims, Investments and Submit button rows of the table linked here. This version causes the same issue on submit so now I’m thinking it’s an issue with the Investments row of the table. Relevant code here:

<tr>
<td>

Investments

Registered Retirement Savings Plan (RRSP) Market Value: [number tv_rrsp_mv_ie min:0 "0"]

[group tv_cgrp_rrsp_ie]
<div class="subq">
RRSP - Annual Contribution (Estimate or leave as 0 if unknown): [number tv_rrsp_con_ie min:0 "0"]

RRSP - Existing Contribution Room (Estimate or leave as 0 if unknown): [number tv_rrsp_con_room_ie min:0 "0"]
</div>
[/group]

Defined-Contribution (DC) Pension Plan Market Value: [number tv_dcplan_mv_ie min:0 "0"]

[group tv_cgrp_dcplan_ie]
<div class="subq">
DC Pension Plan - Client's Annual Contribution (Estimate or leave as 0 if unknown): [number tv_dcplan_self_con_ie min:0 "0"]

DC Pension Plan - Employer's Annual Contribution (Estimate or leave as 0 if unknown): [number tv_dcplan_emp_con_ie min:0 "0"]
</div>
[/group]

Locked-In Retirement Account (LIRA) Market Value: [number tv_lira_mv_ie min:0 "0"]

Registered Retirement Income Fund (RRIF) Market Value: [number tv_rrif_mv_ie min:0 "0"]

Life Income Fund (LIF) Market Value: [number tv_lif_mv_ie min:0 "0"]

Tax-Free Savings Account (TFSA) Market Value: [number tv_tfsa_mv_ie min:0 "0"]

[group tv_cgrp_tfsa_ie]
<div class="subq">
TFSA - Annual Contribution (Estimate or leave as 0 if unknown): [number tv_tfsa_con_ie min:0 "0"]

TFSA - Existing Contribution Room (Leave blank if unknown): [number tv_tfsa_con_room_ie min:0]
</div>
[/group]

Non-Registered Savings Market Value: [number tv_nr_mv_ie min:0 "0"]

[group tv_cgrp_nr_ie]
<div class="subq">
Non-Registered Savings - Annual Contribution (Estimate or leave as 0 if unknown): [number tv_nr_con_ie min:0 "0"]

Non-Registered Savings Risk Tolerance (Estimate or leave blank if unknown):
[radio tv_nr_risk_ie default:2 "Conservative" "Moderate" "Growth" "Aggressive"]
</div>
[/group]

</td>
</tr>

CSS for the page is:

.entry-content .wpcf7 table td {
  text-align: left;
  vertical-align: top;
}

.entry-content .wpcf7 .subq {
    padding-left: 3%;
    padding-right: 3%;
}

I’m not seeing any issues with this and it works fine in other browsers. Any suggestions are much appreciated. Currently, I’m considering breaking up the investments row and seeing if that helps anything.

The page I need help with: [log in to see the link]