On our 6.1 SP2 installation, the responsivegrid component adds the newpar component like so:
<div class="content-par responsivegrid">
<div class="aem-Grid aem-Grid--12">
<div class="new section aem-Grid-newComponent">...</div>
</div>
</div>
Dragging in a Text component onto that new par, the resulting HTML looks like:
<div class="content-par responsivegrid">
<div class="aem-Grid aem-Grid--12">
<div class="new section aem-Grid-newComponent">...</div>
<div class="section text">...</div>
</div>
</div>
Now, in our Test environment, with CFP11 applied, this functionality has changed:
<div class="content-par responsivegrid">
<div class="aem-Grid aem-Grid--12">
<div class="new section aem-Grid-newComponent">
<div class="new newpar">...</div>
</div>
</div>
</div>
Dragging in that same Text component, the markup is then:
<div class="content-par responsivegrid">
<div class="aem-Grid aem-Grid--12">
<div class="new section aem-Grid-newComponent">
<div class="new newpar">...</div>
<div class="section text">...</div>
</div>
</div>
</div>
So 1) the div.new.newpar is new, and 2) it's a child of div.new.section.aem-Grid-newComponent. This is problematic because /libs/cq/gui/components/authoring/clientlibs/page.css says :
cq-placeholder, .new {
height: 2.875rem;
}
which sets the height of both div.new.newpar AND div.new.section.aem-Grid-newComponent, which means newly-added components are completely clipped.
Has anyone else seen this? I've gone through the CFP release notes (1 thru 11) and have not seen any mention of this change in parsys/newpar/responsivegrid. As a workaround I've added CSS to set height:auto; on div.new.section.aem-Grid-newComponent
Thanks in advance.
