NodeClick Not Working while adding group option

[pradeepmangadu]

`

<vue-mermaid
:nodes="data"
type="graph LR"
:config="config"
@nodeClick="editNode"

<script> export default { name: 'FlowChart', data: function() { return { config: { theme: 'dark', startOnLoad: !1, securityLevel: 'loose', }, data: [{ id: "1", text: "A", link: "---", next: ["2"], editable: true, style: "fill:#f9f,stroke:#333,stroke-width:4px", group: "one" }, { id: "2", text: "B", edgeType: "circle", next: ["3"], editable: true }, { id: "3", text: "C", next: ["4", "6"] }, { id: "4", text: "D", link: "-- This is the text ---", next: ["5"] }, { id: "5", text: "E" }, { id: "6", text: "F" } ] }; }, methods: { editNode(nodeId) { alert(nodeId); } } } </script>

`

I am trying to get a node click event inside the group option but i am unable to click it.
In the above code i am able to click the "B" field but unable to click the "A" field.