Fluid field incorrect rendering in preview #4388
Description
Description of the problem
When using Fluid field groups in an entry. The preview is not rendering correctly. I had initially being using coilpack and blade templates, but thought I would check again if this was a native EE thing.
If I set a group to represent a component like a hero banner, in the preview it has the appearance that the component has been output multiple times. Each time for each field in the field group.
On the front end the fluid field group outputs as expected.
I would rank this as critical as clients will be expected to use the preview feature.
How To Reproduce
This is my fluid field with a field group
This is my template.
{exp:channel:entries channel="pages"}
{title}
{ff_webpage_layout}
{ff_webpage_layout:section_cta_banner}
<div style="background: #0CAFEB; padding: 1rem; margin-bottom: 1rem;">
{fields}
{ff_webpage_layout:pf_heading}
<h1>{content}</h1>
{/ff_webpage_layout:pf_heading}
{ff_webpage_layout:pf_intro_text}
<p>{content}</p>
{/ff_webpage_layout:pf_intro_text}
{/fields}
</div>
{/ff_webpage_layout:section_cta_banner}
{/ff_webpage_layout}
{/exp:channel:entries}
Error Messages
On the frontend, the Hero section it renders like this:
In the entry preview the hero section renders like this:
I had thought that there was something wrong with my markup, but when I inspect the page I can see EE is looping my whole div, 1 per field.
Screenshots / Videos / Template Code
Environment Details:
- Version: 7.4.11
- Using structure for managing layouts