Multiplier making 1 text box bigger and bigger

Internal Page, no external access...

I have performed tests with the following, all with the same result
Windows Server 2008 R2 Terminal Server, using Firefox, Chrome, and Internet Explorer 11
OpenSuse running Firefox and Chromium

I have a form setup that has a multipler in it.. with a multi field box, Form is not completed all the way yet, trying to make sure layout, etc works properly before taking the next step.

Item # (TextBox), QTY (TextBox), P/N (TextBox), Description (MultiRow TextBox), Price Each (TextBox)

When I hit the multiplier, the P/N max length keeps getting larger and larger... it starts out at maxlength="100" and by row 11, it is sitting at maxlength="11010" and causing havic with the form.
I have attached the form for your convenience, and CSS code below.

This css is loaded from the Load CSS Action, Load CSS box

.gbs3 .multiplier-contents {
  background: none repeat scroll 0 0 #eee;
  margin-bottom: 6px;
  padding: 6px;
  position: relative;
}
.gbs3 .multiplier-remove-button {
  position: absolute;
  right: 12px;
  top: 12px;
}

This css is loaded from Load CSS Action, CSS Files box, (realpathhere)/styles/forms.css

/* This is the Purchase Req section of the forms css page.*/
#fin-custom1{
	padding: 84px 0px 0px 150px;
	font-weight:bold;
	font-size:2em;
	color:#281F74;
}
#fitem-prPO{
	float:right;
	padding-top: 43px;
}
#hr1, #hr2{
	margin-top: 5px !important;
	margin-bottom: 5px !Important;
}
#form-row-multi-6{
	margin-bottom: 0px !important;
}
#fitem-datepicker8{
	float:right;
}
#fitem-prUSE{
	padding-left: 20px;
}
#fin-prUSE{.
	width:250px;
}
#fin-prOSI{
	padding-left:9px;
}
#form-row-prRecSup{
	margin-top:-109px;
	padding-left:190px;
}
#form-row-multi-14{
	float:right;
	margin-top:-104px;
}
#fitem-prRFQ{
	padding-left:13px;
}
#form-row-prSelVend{
	float:right;
	margin-top:-75px;
	padding-right:4px;
}
/* >>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>>> */

I will also add after inspecting in firefox just now that the size changes from what is configured in chronoforms as well.

Hi arrick,

I restored your form here - with no changes, it appears to be working OK.

Have you used your browser web developer tools to see if you can work out what exactly is causing the size increase?

Does it still happen if you add &tmpl=component to the form URL to hide the template?

Bob

Hey Bob, check out the right edge on the attached picture, thats what i get when looking on your site... multiple browsers as before.

Specifically the P/N field... for some reason maxlength="100" and size="20" keeps changing, I wouldnt begin to know where to start.

Hi arrick,

Sorry, I was looking for a change in height for some reason.

I think that this is because you have left the default Replacer which is 0 - the HTML for the P/N element contains 0 and so is being incremented:

<input name="prPN" id="prPN" . . . maxlength="111" size="21" . . . >

The best fix is to change the Replace value to something that won't normally be found in the HTML like __N__ or ##N##

Bob

Will try, thanks Bob.

Bob... when you say "replace value" is there a field in chronoforms that says that, or where are you referring to change it at?

Hi arrick,

It's in the Multiplier Container settings.

Bob