OpenLayers карта поверх диалогового окна

Всем доброго дня. Есть тестовая карта при клике на которую добавляются маркеры, перед добавлением маркера я добавил диалоговое окно с сообщением о подтверждении, что пользователь хочет добавить маркер. Всё работает но есть следующая проблема при включении полноэкранного режима и клике по карте диалог появляется под картой и в зависимости сколько кликов сделать, столько диалогов и появится при выходе из полноэкранного режима. Как можно выводить диалоговое окно поверх рабочей области карты?

this.dialogRef = this.dialogService.open({
        content: EditConfirmationDialogComponent,
      });

      this.dialogRef.result.subscribe((r: { primary }) => {
        if (r.primary) {
          this.map.updateSize();
          const coordinateEpsg = transform(evt.coordinate, 'EPSG:3857', 'EPSG:4326');
          this.coordinate = {
            latitude: coordinateEpsg[1],
            longitude: coordinateEpsg[0],
          };

          if (this.valueGeography) {
            this.valueGeography.latitude = this.coordinate.latitude;
            this.valueGeography.longitude = this.coordinate.longitude;

            this.setMarkerInfoObject();
          }
        }
      });