Neos.Neos:Editable for parent node

Using Neos & Flow Frontend & Integration
1

I have a Onepager with multiple sections in Neos 9.1. Each section is a ContentCollection, has the properties “title” and “subtitle” and a special predefined childNode of this ContentCollection “Section.Headline“ which is not deletable. The user should be able to insert more content and even place it before the headline (for example a hero image).

The properties title/subtitle should belong to the section for creating anchor links or maybe connect the special headline with aria-laybeledby to the section.

But this code isn’t working as expected. The editable read the property from the section, but seems to write it to itself. In the document tree only the label of the headline changes. When I reload the backend, the section has her old title, but the special headline (which has no properties by itself) has the new title.

When I set @context.node to the section node it works as expected, but the special headline disapears from the content tree. So it’s not possible to sort children before the headline.

prototype(My.Site:Section.Headline) < prototype(Neos.Neos:ContentComponent) {
  @context.sectionNode = ${q(node).closest('[instanceof My.Site:Section]').get(0)}
  // @context.node = ${q(node).closest('[instanceof My.Site:Section]').get(0)}

  renderer = My.Site:Component.Headline {
    title = Neos.Neos:Editable {
      property = 'title'
      node = ${sectionNode}
    }
    subtitle = Neos.Neos:Editable {
      property = 'subtitle'
      node = ${sectionNode}
    }
  }
}