Я пытаюсь отобразить div рядом с элементом svg group. Я получаю позицию элемента группы через
JS-функция "element.getBoundingClientRect (). left" и "element.getBoundingClientRect (). top", чтобы я мог правильно рассчитать положение div.
Однако в Firefox значения «left» и «top» полностью отличаются от Chrome и Safari (используется последняя версия во всех браузерах). Элементы «группы», кажется, находятся в правильной позиции в SVG (они преобразуются с помощью «translate»), но при проверке элемента группы я вижу, что позиция находится в верхнем левом углу в Firefox. В Chrome позиция - это то, где визуально находится элемент. Поэтому функция getBoundingClientRect () дает очень разные результаты.
Два скриншота иллюстрируют различия немного лучше, чем мои слова.
Chrome:
Firefo
Есть ли способ переместить фактическую позицию в Firefox туда, где визуально находится элемент? Как после того, как преобразование сделано?
Я только что попытался добавить «-moz-transform», который не имел никакого значения. Я также пытался установить «преобразование» напрямую через HTML, а не в CSS. Кроме того, я попытался установить положение элемента SVG на «относительный» на случай, если это что-то изменит. Я также искал в Google и здесь, в Stackoverflow, но не смог найти ничего, связанного с этим.
Любая помощь будет высоко ценится. Спасибо