Question: can I change reference element at runtime?

Hi. Can I change reference element at runtime?

My usecase is I have an SVG map, rendered with d3. I want to implement tooltips with information about user sees on the map, and show them when user hovers a particular svg path. I figured that I’d rather change reference element from mouse over / mouse out events rather than create a popper.js instance for every path (there are a lot).

[atomiks]

@cihad please note that scrollParents detection is done on create/update, so if the reference is is inside a different scrolling container that will cause problems. I recommend destroying the previous instance and creating a new one instead in that case. For performance optimization then dynamically setting it as you’re doing it is fine.

[cihad]

Yes it is possible:

popperInstance.state.elements.reference = newReferenceDom
popperInstance.update()

https://codepen.io/cihad/pen/yLNpveX

Is it possible on version 2? I want to change popper instance’s reference element.