Details
-
Bug
-
Resolution: Fixed
-
Critical
-
None
-
None
-
None
-
-
Empty show more show less
-
DevX 47
-
3
-
Yes
Description
Step to reproduce:
Use spa of react-minimal from https://git.magnolia-cms.com/projects/DEMOS/repos/minimal-headless-spa-demos/pull-requests/45/overview
Â
Ensure Basic.js have footer areas and list1, list2 areas
  <div className="footer">
    <div className="hint">[footer]</div>
    {footer &&<EditableArea key="footer" content=\{footer}>
     {footer.list1 && <EditableArea key="footer.list1" className="Area" content=\{footer.list1} />} Â
     {footer.list2 && <EditableArea key="footer.list2" className="Area" content=\{footer.list2} />} Â
    </EditableArea>}
   </div>
Expectation: footer area contain nested area list1, list2 can show correctly, even they are must show correctly after refreshing browser
Â
Here is sample of correct greenbar of footer, list1, list2 in freemarker, you can find sample of freemarker in https://git.magnolia-cms.com/users/czimmermann/repos/inheritance-tests/browse/magnolia/light-modules/inherit-lm

Â
Here is headless greenbar, you may need to click refresh browser and see the problem
![]()
Â
Checklists
Acceptance criteria
Attachments
There are no Sub-Tasks for this issue.