show context menu on responsive web when button clicked. not by right click event nodecontextmenu

[xellos00]

No description provided.

[xellos00]

I am trying to use this tree, but I tried to show contextMenu when it has click side icon that I gave it.
right click to open context menu is working properly, but when I clicked bar to open context menu is not working. do you have any idea with it?

<template slot="sidebar" slot-scope="{ node }">
    <span class="visible-icon" style="padding:0px 3px 0px 10px; cursor:pointer" @click="event => showContextEllipsis(event, node)">
              <i  class="fa fa-ellipsis-v"></i>
            </span>
</template>

showContextEllipsis(event, node) {
this.showContextMenu(node, event, 'clicked')
},

showContextMenu(node, event, type) {
event.preventDefault();
this.contextMenuIsVisible = true;
const $contextMenu = this.$refs.contextmenu;
console.log('X: ' + event.clientX+ ' :Y: '+ event.clientY);
this.$refs.slVueTree.select(node.path);
$contextMenu.style.left = event.clientX + 'px';
$contextMenu.style.top = event.clientY + 'px';
},

[xellos00]

Dun worry, I figured out, I was kinda stupid with this. haha