Repeating section field area is blank after submitting

[jbhuddleston]

The form is on a different network to which I am connecting remotely and which is currently down. I will get you the info as soon as I can.

[jbhuddleston]

<div id="ctl00_ctl55_g_ac068119_6330_4d15_9043_8a4bfa772ec1_ctl00_ListForm1_formFiller_FormView_ctl386_28c7a0d1_fd99_49bd_8705_4ed85ebe09fe_ctl00_0da70536-72fe-4e85-9005-4eb4b98746f9" style="position:relative;height:110px;visibility:hidden;width:100%;" class="nf-repeater-row nf-item-alternating nf-repeater-row-hidden"><div class=" nf-filler-control nf-filler-highlightonvalidationerror nf-resizable nf-resizable" formcontrolid="3313495b-172d-4124-92ce-aa9258d692fb" data-controlname="CommentAuthor" data-uniqueid="c0a89c70-0781-4bd4-8623-f73675005e12" style="overflow:visible;height:35px;width:560px;top:5px;left:5px;z-index:500;background-color:;" data-controlid="3313495b-172d-4124-92ce-aa9258d692fb" data-formcontroltypeid="c0a89c70-0781-4bd4-8623-f73675005e12" data-enabled="True"><div class="nf-filler-control-border"><div class="nf-filler-control-inner"><input name="ctl00$ctl55$g_ac068119_6330_4d15_9043_8a4bfa772ec1$ctl00$ListForm1$formFiller$FormView$ctl386$28c7a0d1_fd99_49bd_8705_4ed85ebe09fe$ctl00$ctl03$ctl01" type="text" disabled="disabled" class="aspNetDisabled nf-hidden-associated-control" style="visibility:hidden;" formcontrolid="3313495b-172d-4124-92ce-aa9258d692fb"></div></div></div><div class=" nf-filler-control nf-filler-highlightonvalidationerror " formcontrolid="fe22da1a-a404-45b3-b0db-5e20b0734c44" data-controlname="CommentDate" data-uniqueid="c0a89c70-0781-4bd4-8623-f73675005e03" style="overflow:hidden;height:30px;width:200px;top:5px;left:570px;z-index:100;background-color:;" data-controlid="fe22da1a-a404-45b3-b0db-5e20b0734c44" data-formcontroltypeid="c0a89c70-0781-4bd4-8623-f73675005e03" data-enabled="True"><div class="nf-filler-control-border"><div class="nf-filler-control-inner">11/30/2021<input name="ctl00$ctl55$g_ac068119_6330_4d15_9043_8a4bfa772ec1$ctl00$ListForm1$formFiller$FormView$ctl386$28c7a0d1_fd99_49bd_8705_4ed85ebe09fe$ctl00$ctl07$ctl02" type="text" value="2021-11-30 00:00:00Z" disabled="disabled" class="aspNetDisabled nf-hidden-associated-control" calendartype="1" style="visibility:hidden;" formcontrolid="fe22da1a-a404-45b3-b0db-5e20b0734c44"></div></div></div><div class=" nf-filler-control nf-filler-highlightonvalidationerror nf-resizable nf-resizable" formcontrolid="1441db64-51e7-49aa-b9d2-bd61eb181b32" data-controlname="Comment" data-uniqueid="c0a89c70-0781-4bd4-8623-f73675005e06" style="overflow:visible;height:60px;width:770px;top:45px;left:5px;z-index:500;background-color:;" data-controlid="1441db64-51e7-49aa-b9d2-bd61eb181b32" data-formcontroltypeid="c0a89c70-0781-4bd4-8623-f73675005e06" data-enabled="True"><div class="nf-filler-control-border"><div class="nf-filler-control-inner"><div style="" class="ms-rtestate-field"></div><input name="ctl00$ctl55$g_ac068119_6330_4d15_9043_8a4bfa772ec1$ctl00$ListForm1$formFiller$FormView$ctl386$28c7a0d1_fd99_49bd_8705_4ed85ebe09fe$ctl00$ctl11$ctl02" type="text" disabled="disabled" class="aspNetDisabled nf-hidden-associated-control" style="display:none;" formcontrolid="1441db64-51e7-49aa-b9d2-bd61eb181b32"></div></div></div></div>

[MegaJerk]

You can delete the code from the Edit Mode, as it has a URL for your org in it, and is unneeded for the evaluation. 

[jbhuddleston]

I don't think the URL should be there, linked to that control, and the aria-label was text from a text box I have long-since deleted.

[MegaJerk]

oh I just meant from the forums! I didn't want info exposed that shouldn't be is all. 

Looking into this some, I see that you're Repeating Section seems to be generating that base-hidden row without the correct default css styling. It *should* have a "dispaly:none" in there, but it's missing, which is why it's showing up. Trying to figure out where that default css gets generated, but I should be able to write up a little fix for you in a moment. 

[jbhuddleston]

Agreed that there should be a display:none; in view mode but the other rows should not have visibility:hidden; either.

I think if you find the source of the one error, you will likely find the source of the other as well.

Thanks again for your help on this.

[MegaJerk · Accepted solution]

alrighty. So I cannot discover the exact place where the default styles for a Repeating Section are being generated, but I have cooked up a solution that should work to correct the issue when the form is being rendered initially. 

(Note: this is only relevant to Classic Forms!) 

Open up your Form's Settings, and expand the Custom JavaScript accordion: 

Once there, you can just add this code to the very bottom of whatever you already have in there, if anything:

NWF.FormFiller.Events.RegisterBeforeReady(function () {
	NWF$(".nf-repeater-row-hidden").each(function(index, repeatingSection){
		NWF$(repeatingSection).css({"display":"none", "visibility": "visible"});
	});
});

What this does is pretty straight forward. Before the Form is Ready to use by the user, this will execute and loop through all of the Repeating Sections on the page and will make sure that the css for display and visibility are set to their correct values. 

Let me know if this corrects the issue. 

[jbhuddleston]

It did not appear to do anything as written so I edited it to affect .nf-repeater-row and only set visibility: visible.

That made all (even the hidden row) show up properly. Just going to add another function to remove the top row.

[MegaJerk]

From everything you've typed, the issue was that the fundamental hidden row (the row that has the class "nf-repeater-row-hidden") was not being set to "display:none", and had its "visibility: hidden". If the above code I posted isn't correcting that, then you might just have something else interacting with that control in a way that it shouldn't be.

Any who, good luck! 

[jbhuddleston]

Adding another function pointing to .nf-repeater-row-hidden had no effect. Is it perhaps because every row has .nf-repeater-row and so the index matches but only the first one has .nf-repeater-row-hidden as well so it does not?