Fields contained within a hidden section render incorrectly whenever the section is shown using the CRM Jscript API.

Specifically, using the Xrm.Page.ui section client-side reference [ https://msdn.microsoft.com/en-us/library/gg328489(v=crm.6).aspx ], causes the fields to render incorrectly. The fields do not appear with a static width, but instead re-size horizontally depending on the field type/column layout.

An example using a standard, non-customized entity/form is as follows. Please note, this is one of the few instances of a default section having >1 column layout that I'm aware of. The same behavior exists on custom entities/forms with >1 column layout sections which are hidden on the form.

On the Appointment main form, select the section labeled 'Scheduling Information' and uncheck the 'Visible by Default' option. Add a new web resource to the form with the function below. Add the showSection function as an OnLoad event handler. Save and Publish the form.

function showSection() {
Xrm.Page.ui.tabs.get("appointment").sections.get("scheduling information").setVisible(true);
}

When the form loads, the function will fire and show the previously hidden section. In this example, the rendering issue is most apparent when selecting a value for the 'Duration' field. The rendering issue is much more significant on 4 column layouts for date and lookup fields.

This issue appears to occur in all versions of CRM 2013 (online and on-prem) regardless of update rollup or service pack. It also occurs in CRM 2015 (online and on-prem).