Data lost because the "disabled" attribute in arrays that displayed by clicking show more button fail to be removed before form is submitted.
Normally, system will reenable disabled controls before from is submitted to avoid missing data. When page loding, fields will be update, also there is an array type value "arReenable" that store all readonly fields in the meanwhile and form has attribute "οnsubmit="enableAll();.." in this function, all disabled attribute will be assigned to false.
functon showMoreRows: …
//append to current table and remove from 'more' div
fragment.appendChild(tempRowNode);
newRow.parentNode.removeChild(newRow);
…
When click show more/show all button, nodes are created by call function cloneNode and the previous hidden nodes which added in array "arReenable" have be remove, It is no longer part of the DOM, but the removed child node still exists in memory.(https://developer.mozilla.org/en-US/docs/Web/API/Node/removeChild),
so the actual cloned elements attribute "disabled" won't be removed.
Solution:
Change the type of arControls to {} (format:{"id", "element"}), reassign value to arReenable.