how to get rendered event endpoint?

[wbh3110]

Hi.
I'm try to developing with vue.js 2.x

Using custom detail popup.
but I can't find to get rendered event position.
is there any way to find it?

[adhrinae]

@wbh3110
You can get the DOM element of the rendered event by getElement method.

Then you can leverage getBoundingClientRect method from the element.

[wbh3110]

Thank you for your help.

However, there is one problem.
The value called with the 'getElement' method always gets only the first element.
For example, in the situation shown in the picture (events 1 and 2 are the same Event),
I think the method should have a different return value.

By the way, when using a custom popup, can it appear in the same position as using the default popup?
It is difficult to taking a Custom Popup position than expected.

[adhrinae]

That is an unexpected bug 😢 . need to fix it. As workaround, you can call the querySelectorAll on your own. the getElement method does the same thing with querySelector.

About the position of the popup, you can check out the source code. But, I personally recommend to check out the well-defined library like Floating UI.

[wbh3110]

OK. Thank you for your support. 😀