could not call event listener on node slot

[ramyaelanchezhian]

HI,
I want to customized node with checkbox..but unable to call methods on checkbox element. i used only svg element inside node slot

Here is my code:

      <template #node="{data, node: {depth}}" >
           <template>
                  <circle r="5" stroke="#312ecc"></circle>
                  <foreignObject x="10" y="-5" width="100" height="100">
                      <input type="checkbox" :value="data.name"  id="checkbox" >
                  </foreignObject>
                  <a href="#"><text dy=".35em" x="6" dx="0" y="0" text-anchor="start" transform="rotate(0)">
                  {{data.text}}</text></a>
              </template>
      </template>        
    </tree>