Кнопка над картой google не работает в firefox, но работает в chrome

У меня есть проект Angular 6 со страницей с полноэкранной картой Google (с компонентом Angular Google Map), и я помещаю кнопку над ним, чтобы перейти на другую страницу.

Кнопка отлично работает в Chrome, но не в Firefox.

Хром:

enter image description here

Fire Fox:

enter image description here

Это HTML

<button type="button" [routerLink]="hxpCaptureUrL">
<span class="hb hb-md hb-custom hxp-button spin" disabled>Activar Celda</span></button>

<div class="map">
  <agm-map [latitude]="lat" [longitude]="lng" [zoom]="3" [styles]="mapStyles" [streetViewControl]="false"
           [minZoom]="2" [zoomControl]="false" class="height-full width-full">
    <agm-marker *ngFor="let hxp of hxps; let i = index" #marker
                [latitude]="hxp.lat"
                [longitude]="hxp.lng"
                [iconUrl]='{"url": hxp.icon,"scaledSize": {"height": 15, "width": 15}}'
                (markerClick)="markerOnClick(modalDialog, hxp, i)">
    </agm-marker>
  </agm-map>
</div>

Кнопка использует эта библиотека CSS

Это CSS

.map {
  top: 0px !important;
  left: 0px !important;
  z-index: 1;
}

/* General Button Style */
.hxp-button{
  font-family: 'AndaleMono', Fallback, sans-serif !important;
  position: relative;
  display:block;
  background: transparent;
  line-height:60px;
  text-align:center;
  font-size: 0.9rem;
  text-decoration:none;
  top: 35vh;
  margin-left: 10vh;
  z-index: 2;
}

Я не знаю что делаю не так

Вы проверили, работают ли кнопки в Firefox?

Max 10.08.2018 17:53

Да, они работают в Firefox.

FrancoVP 10.08.2018 18:26
0
2
102
0

Другие вопросы по теме