Event propagation delivers a DOM event from the clicked element through surrounding elements. In the editor, clicking a value starts editing but also bubbles to a parent handler, which selects the containing AST object. section 6.2.1
Control propagation at the handlers where nested editor actions should remain independent:
- Call event.stopPropagation() in the DisplayValue onClick handler before enabling editing. section 6.2.1
- Apply the same protection to the add-object button and the input element used during editing. section 6.2.1
- Keep parent selection behavior separate by wrapping AST projections with a reusable selection component. section 6.2.3
Editing without selecting the parent
A click on a value’s <span> invokes its editing handler, then would bubble to the surrounding AST object’s selection handler. Calling event.stopPropagation() in the value handler prevents that parent selection. The same pattern keeps add-object clicks and input clicks from triggering unrelated selection behavior. section 6.2.1
