angular.io ne réagissant pas sur firefox et travailler bizarre sur-à-dire bord

Question

si vous allez sur la page suivante:

http://beta.melard.fr

vous nous demandera de créer un utilisateur (mais il est un simulacre de stockage local). Après que

vous remarquerez tout fonctionne comme un charme sur le chrome, mais sur Firefox, seul le colorwheel répond et IE, les boutons répondre mais quand vous passez un certain md bouton la page reload lui-même:/

Je me demande ce que je me manque comme beaucoup de gens développent des applications avec angulaire pour tout navigateur ...

pour les plus courageux, voici le repo github: https://github.com/mylen/canimap

Polyfill:

import 'core-js/es6/reflect'; 
import 'core-js/es7/reflect'; 
import 'zone.js/dist/zone'; // Included with Angular CLI. 

Tout le reste est commenté.

@angular/cli: 1.4.3 
node: 6.11.2 
os: win32 x64 
@angular/animations: 4.4.3 
@angular/cdk: 2.0.0-beta.10 
@angular/common: 4.4.3 
@angular/compiler: 4.4.3 
@angular/core: 4.4.3 
@angular/forms: 4.4.3 
@angular/http: 4.4.3 
@angular/material: 2.0.0-beta.10 
@angular/platform-browser: 4.4.3 
@angular/platform-browser-dynamic: 4.4.3 
@angular/router: 4.4.3 
@angular/cli: 1.4.3 
@angular/compiler-cli: 4.4.3 
@angular/language-service: 4.3.6 
typescript: 2.3.4 

Answer 1

La solution était plutôt simple comme d'habitude.

J'utilisé MD-icon:

<button md-icon-button aria-label="Parking" mdTooltipPosition="below" mdTooltip="Parking" i18n="Parking|Put a parking slot"> 
    <md-icon class="md-24" (click)="draw('ParkingMarker')" color="color('ParkingMarker')"> 
     local_parking 
    </md-icon> 
    </button> 

au lieu de

<button md-icon-button aria-label="Parking" mdTooltipPosition="below" mdTooltip="Parking" i18n="Parking|Put a parking slot" 
    (click)="draw('ParkingMarker')"> 
    <md-icon class="md-24" color="color('ParkingMarker')"> 
     local_parking 
    </md-icon> 
    </button> 

vous devez être carreful pour mettre le gestionnaire de clic sur le bouton et non l'Icône