I'm developing a component for AEM Franklin / EDS Universal Editor, and I have a block model with a parent block and a child block, both configured with "key-value": true.
Here’s a simplified version of my JSON model:
{
"definitions": [
{
"title": "Carousel Test",
"id": "carousel-test",
"plugins": {
"xwalk": {
"page": {
"template": {
"name": "Carousel Test",
"model": "carousel-test",
"filter": "carousel-test",
"key-value": true
}
}
}
}
},
{
"title": "Carousel Item Test",
"id": "carousel-item-test",
"plugins": {
"xwalk": {
"page": {
"template": {
"name": "Carousel Item Test",
"model": "carousel-item-test",
"key-value": true
}
}
}
}
}
]
}
When I insert the parent block (carousel-test), the key-value behavior works correctly — the block is rendered in a key/value format like this:
<div class="carousel-test block" data-block-name="carousel-test" data-block-status="loaded">
<div>
<div><p>carouselType</p></div>
<div><p>categories-2</p></div>
</div>
</div>
However, when I add child items (carousel-item-test) inside the same block, the key-value setting doesn’t seem to apply.
Instead of generating the expected two-column key/value structure, the child block only outputs the value (e.g., a single <p> element).
Any help or guidance would be greatly appreciated.