Поместите элемент div рядом с элементом <rect>внутри прокручиваемого родителя - Angular 7

Question

У меня есть прокручиваемый родительский div с динамическим элементом rect внутри.Я хочу расположить div на вершине одного из проходов.Я пытаюсь сделать это:

HTML childElement:

<rect x="401" y="2426" width="257" height="39"></rect> . 

Функция для получения позиции:

getElementCoordinates(element: HTMLElement) {
  const parentElement = this.documentContainer.nativeElement;
  return  - parentElement.offsetTop;
}

element.offsetTop - это undefined

Затем я пытаюсь расположить div:

elementPositionY = this.getElementCoordinates(document.getElementById(this.elelments[0]));
this.renderer.setStyle(this.clickToReleaseTooltip.nativeElement, 'top', elementPositionY + 'px');

Как я могу получить положениепрямоугольник и поместите в соответствии с этой позицией div?