title: How to make the hover event pass through and keep the click event?
body: <p>As shown in the picture<a href="https://i.stack.imgur.com/H7ErL.png" rel="nofollow noreferrer">1</a>, the expected effect is that when the mouse hovers over a node, the display options are clickable. However, when the mouse is moved over the option icon, the icon closes and the node has no highlight and occasionally keeps blinking.</p>
  <p>I tried to use &quot;pointer-events:none;&quot; and another method to trigger the click event, but it didn't work because the position of option span is calculated by compute().</p>
  <p>&quot;i-tree&quot; is a component imported from a third-party library that does not provide the required api and I cannot modify it, I have to use this component due to the specification.</p>
  <pre><code>&lt;template&gt;
  &lt;div class=&quot;wrapper&quot;style=&quot;height:100%;&quot;&gt;
    &lt;div class=&quot;tableTreeWrapper&quot;style=&quot;height:100%;&quot;&gt;
      &lt;i-tree
      ref=&quot;tableTree&quot;
      data=&quot;treeData&quot;
      loadChildren=&quot;loadData&quot;
      @node-select=&quot;nodeclick&quot;
      @mouse-enter-node=&quot;handleNodeMouseEnter&quot;
      @mouse-leave-node=&quot;handleNodeMouseLeave&quot;
      &gt;&lt;/i-tree&gt;
    &lt;/div&gt;
    &lt;span ref=&quot;floatToolbar&quot;style=&quot;floatToolbarstyle&quot;v-show=&quot;isShowIcon&quot;&gt;
      &lt;svg class=&quot;icon card-icon-btn&quot;aria-hidden=&quot;true&quot;v-show=&quot;this.showUpdate&quot;@click=&quot;doUpdate&quot;&gt;&lt;use xlink:href=&quot;#icon18_T_A_NW_bianji&quot;/&gt;&lt;title&gt;&lt;/title&gt;&lt;/svg&gt;
      &lt;svg class=&quot;icon card-icon-btn&quot;aria-hidden=&quot;true&quot;v-show=&quot;this.showDelete&quot;@click=&quot;doDelete&quot;&gt;&lt;use xlink:href=&quot;#icon16_GJ_A_NW_shanchu&quot;/&gt;&lt;title&gt;&lt;/title&gt;&lt;/svg&gt;
    &lt;/span&gt;
    &lt;TableModal ref=&quot;tableModal&quot;@refresh=&quot;refresh&quot;&gt;&lt;/TableModal&gt;
    &lt;GroupModal ref=&quot;groupModal&quot;@refresh=&quot;refresh&quot;&gt;&lt;/GroupModal&gt;
  &lt;/div&gt;
  &lt;/template&gt;
  </code></pre>
  <pre><code>    handleNodeMouseEnter (INode, event) {
        this.isShowIcon = true
        this.showUpdate = true
        this.showDelete = true
        this.floatToolbarTop = event.target.offsetHeight * INode.vnode.getIndex() - this.scrollTop
        this.selectNode = INode.getData()
      },
      handleNodeMouseLeave (INode, event) {
        this.isShowIcon = false
        this.showUpdate = false
        this.showDelete = false
      },
  </code></pre>