anchor EuiPopover to location instead of element

[nreese]

The Kibana Maps application would like to use EuiPopover for tooltips. The tooltip will need to be associated to a x and y location instead of being anchored to an element. The position of the tooltip will need to be updated view prop updates so that as a user pans the map, the tooltip stays pointing to the same location on the map by shifting its location.

cc @chandlerprall

[chandlerprall]

Were you able to get an invisible element to draw over the map and use that as an anchor?

If so, if you can get a ref to the popover and should already have the ability to manually trigger repositions:

onDrag = () => {
  if (this.state.isPopoverOpen) {
    this.popoverRef.positionPopoverFixed();
  }
}

render() {
  return (
    <EuiPopover ref={this.popoverRef} isOpen={this.state.isPopoverOpen}...>...</EuiPopover>
  )
}

[nreese]

Closing. Able to implement feature with anchor element. elastic/kibana#45938