use <sui-popup hoverable> with v-for got getBoundingClientRect' of undefined" when chanage hover compnent

[ladudu]

I'm submitting a bug report
Do you want to request a feature or report a bug?
I want to report a bug
What is the current behavior?
I use got error with [TypeError: Cannot read property 'getBoundingClientRect' of undefined], when i change hover on the trigger slot.

Please tell us about your environment:

semantic-ui-vue: 0.11.0
semantic-ui-css: 2.4.1
Browser: [ Chrome 89.0.4389.114]
Language: [ vue-cli default config ]

<template>
  <div>
    <sui-popup v-for="user in users"  hoverable :key="user">
      <h1 slot="trigger">{{user}}</h1>
      <sui-popup-content >
        <h1>hi,i'm {{user}}</h1>
      </sui-popup-content>
    </sui-popup>
  </div>
</template>

<script>
export default {
  data: function () {
    return {
      users: ['bob',"tom"]
    }
  }
};
</script>

[ladudu]

[ladudu]

I found reason with the problem.
when have two sui-popup(like A,B)
Trigger A but not hover on the A.
immediately,Trigger B(time < HOVERABLE_BLUR_DELAY),
There are two PopupContainer at the same time,
ref only allowed one value ,
A set ref value is container,
B didn't set the some value.
so,I got the error.

[ladudu]

I solved the problem.like this,

      <portal to="semantic-ui-vue">
        <div
          ref={"container"+this.id}
          class={className}
          style={this.mountedStyle}
          onMouseover={() => this.$emit('mouseover')}
          onMouseleave={() => this.$emit('mouseleave')}
        >
          {this.$slots.default}
        </div>
      </portal>

  mounted() {
    this.$nextTick(() => {
      this.popupCoords =  this.$refs['container'+this.id].getBoundingClientRect();
      this.setPopupStyle();
    });
  },

But Code is not particularly

[Fredemb]

Could you please elaborate your solution, maybe even into a small working example? 😎

I have the same problem, but I'm struggling to understand your solution 😢

[ladudu]

vue ref property has unique name,All popup component share one id.when the first use popup ,the second can't use the id.so the error occurs.