Как позиционировать Vue MD-диалог на основе элемента или свойства события (без использования координат x, y)

Question

При нажатии на кнопку я хочу расположить диалоговое окно материала Vue под кнопкой. Кнопка находится во вложенных фреймах. Таким образом, координаты x, y кнопки не соответствуют координате области просмотра. Есть ли способ разместить Vue MD-диалог относительно элемента. Я не могу использовать координаты x и y, используя css, так как слишком много iframe и вычисление точной координаты x, y затруднительно, даже с element.getBoundingClientRect ().

Answer 1

Проблема была в том, что md-dialog css помещает диалоговое окно в центр экрана с помощью css translate. Как только он был переопределен, проблему было легко решить.

.md-диалог { -webkit-transform: перевод (0%, 0%); преобразование: перевод (0%, 0%); }