If self-closing tags are present in freemarker code, any code following it becomes minified into one line

• Type: Bug
• Status: Closed
• Resolution: Fixed
• Affects Version/s: 7.1.X, Master
• Fix Version/s: 7.2.X, Master
• Component/s: Dynamic Data Mapping > Template Editor
• Labels:
  • QA_V
  • STAB_TST_JA
• Branch Version/s:
  7.1.x
• Backported to Branch:
  Committed
• Story Points: 0.25
• Fix Priority: 3
• Sprint: F&W Sprint 8, F&W Sprint 9
• Git Pull Request: https://github.com/brianchandotcom/liferay-portal/pull/64785

Summary
If self-closing tags (e.g. <hr />) are present, any code that follows the self-closing tag will be minified or consolidated into a single line. This seems to happen on all template editors that are present in Liferay, such as DDM Template and ADT editor.

Steps to Reproduce (Example in ADT, but happens in other template editors such as WCM Template editor)

1. Product Menu > Liferay DXP > Build > Application Display Templates
2. Add a new template (any template is fine)
3. Add a title, and add the following:

   <hr />
   <#if entries?has_content>
   	<div class="row">
   		<#list entries as curEntry>
   		<#assign
               curEntry = curEntry
   			assetRenderer = curEntry.getAssetRenderer()
   			blogEntry = assetRenderer.getAssetObject()
               entryTitle = htmlUtil.escape(assetRenderer.getTitle(locale))
               viewURL = assetPublisherHelper.getAssetViewURL(renderRequest, renderResponse, curEntry)
   		/>
   			<div class="col-md-4 entry-card lfr-asset-item">
   				<div class="card-type-asset form-check form-check-card form-check-top-left image-card">
   					<div class="container-fluid container-fluid-max-sm">
   					<div class="card card-type-asset">
   							<div class="aspect-ratio card-item-first">
   								<a href="${viewURL}">
   									<img alt="Cover Image" class="aspect-ratio-item aspect-ratio-item-center-middle" src="${blogEntry.getCoverImageURL(themeDisplay)}" style="max-height:100%;">
   								</a>
   							</div>
   							<div class="card-body">
   								<div class="card-row">
   									<div class="autofit-col autofit-col-expand">
                                           <h3 class="card-title">
   											<a href="${viewURL}">${entryTitle}</a>
   										</h3>
   										<div class="card-subtitle" title="Author Action">${blogEntry.getDisplayDate()?date}</div>
   									</div>
   								</div>
   							</div>
   						</div>
   					</div>
   				</div>
   			</div>
   		</#list>
   	</div>
   </#if>

4. Save
5. Edit

Actual Results
Assert that all of the code is now on one line.

Expected Results
Despite the presence of a self-closing tag, code structure should be retained.

Reproduced in
7.1.x Private Commit: 40d9e186b7f81ae2c027e7e89fdb1ad890d6eb9f