[MGNLUI-3387] Unable to focus nested areas Created: 25/Mar/15  Updated: 06/Aug/15  Resolved: 24/Apr/15

Status: Closed
Project: Magnolia UI
Component/s: None
Affects Version/s: 5.3.7
Fix Version/s: 5.3.9

Type: Bug Priority: Neutral
Reporter: OLD Chris Jennings Assignee: Sang Ngo Huu
Resolution: Fixed Votes: 0
Labels: support
Remaining Estimate: 0d
Time Spent: 4d 3h
Original Estimate: 3h

Attachments: PNG File MagnoliaArea1.PNG     PNG File MagnoliaArea2.PNG     XML File config.modules.standard-templating-kit.templates.components.content.stkLinkList_fix.xml     PNG File configuration_nested_areas.png     PNG File edit_page_with_nested_areas.png    
Issue Links:
Cloners
is cloned by PAGES-22 CLONE - Unable to focus nested areas Closed
Template:
Acceptance criteria:
Empty
Task DoD:
[ ]* Doc/release notes changes? Comment present?
[ ]* Downstream builds green?
[ ]* Solution information and context easily available?
[ ]* Tests
[ ]* FixVersion filled and not yet released
[ ]  Architecture Decision Record (ADR)
Bug DoR:
[ ]* Steps to reproduce, expected, and actual results filled
[ ]* Affected version filled
Date of First Response:

 Description   

To reproduce this bug just define a component (MyComponent) with an area (Area1) which has another area (Area2) nested inside
MyComponent
+Area1
+ + Area2.
When the component (MyComponent) is first added on the page, I can see the green frame from the Area1 but I cannot see the green frame for editing Area2.
But if I inspect the html of the page I can see that the green frame of Area2 is there but it has the style property set to "display: none;".
I have attached one image of Area1 (with the label 'Article Lower Area') without any visible nested area inside and another image with the actual html.



 Comments   
Comment by Sang Ngo Huu [ 14/Apr/15 ]

Hi Chris,

There are my configuration (configuration_nested_areas.png) and the result (edit_page_with_nested_areas.png) as attached. I followed your description but cannot reproduce this issue.
I tried on: Magnolia 5.3.9-SNAPSHOT & STK 2.8.8

Content in test.flt in configuration just have simple html

 <div>Hello world!!</div>

If the error still occurred on your site, please help me export your configuration, I will try again.

Thanks,

Comment by Zdenek Skodik [ 16/Apr/15 ]

Dear Sang, the issue is not that the content or hardcoded string from your script would not be rendered at your page, but that the placeholder/edit bars are not rendered for the inner area and there is no way to enforce it since the click events are swallowed by the parent. I've been able to reproduced it with the attached component. Cheers.

Comment by Sang Ngo Huu [ 24/Apr/15 ]

Hi Zdenek,

I added new config which fixed from yours. In this config, the content of linkList.ftl:


[#include "/templating-kit/components/macros/tocMarkup.ftl"/]
[@tocMarkup model content /]

<div class="links">
    [#if content.subtitle?has_content]
        <h2 ${id}>${content.subtitle}</h2>
    [/#if]

    [@cms.area name="linkList"/]
    [@cms.area name="linkList2"/]
    [@cms.area name="linkList3"/]
    [#if components?has_content]
	    [#list components as component ]
	        [@cms.component content=component /]
	    [/#list]
    [/#if]
</div><!-- end links -->

I've pushed the code into MGNLUI-3387_sn branch, please help me review.

Thanks,
Sang

Comment by Zdenek Skodik [ 24/Apr/15 ]

Dear Sang, yeah, I've managed to pick up a wrong xml from all those local test cases I had (hence rather removing that attachment), anyway good you've managed to reproduce&fix it (someone from ccc will review it at some point).

Generated at Mon Feb 12 09:06:06 CET 2024 using Jira 9.4.2#940002-sha1:46d1a51de284217efdcb32434eab47a99af2938b.