Compatibilidad del navegador de Polymer
Estoy empezando a usar Polymer 1.0: lo único que probé es una plantilla simple como esta:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<script src="bower_components/webcomponentsjs/webcomponents.min.js"></script>
<script src="bower_components/webcomponentsjs/webcomponents-lite.min.js"></script>
<link rel="import" href="bower_components/polymer/polymer.html"></link>
<link rel="import" href="bower_components/iron-icons/iron-icons.html">
<title>Polymer test1</title>
</head>
<body unresolved>
<dom-module id="pres-test">
<template>
<content></content>
<p>This is my name:<h3>{{name}}</h3></p>
<iron-icon icon="star" hidden="{{!star}}"></iron-icon>
<img src="http://placehold.it/300x100"></img>
</template>
</dom-module>
<script>
Polymer({
is:'pres-test',
properties:{
name:String,
star:Boolean
}
});
</script>
<pres-test name="withStar" star>
<h1>Example1:</h1>
<img src="http://placekitten.com/g/200/180" alt="image"></img>
</pres-test>
<pres-test name="withoutStar">
<h2>Example:</h2>
<img src="http://placesheen.com/100/100"></img>
<p>No star icon :()</p>
</pres-test>
</body>
</html>
Este código funciona bien en Chrome y Opera, excepto que incluso si no pongo la estrella booleana en la prueba previa, todavía muestra la estrella.
En Firefox e IE, solo muestra el h1 y el img en la prueba previa.
En Safari parece que no entiende las etiquetas como módulo-dom, plantilla o prueba previa, ya que primero muestra lo que está en el módulo dom, luego lo que está en prueba previa, sin adaptarse a las variables.
Busqué la compatibilidad de Polymer, pero solo la encontré para la versión 0.5.
¿Estoy haciendo algo mal o simplemente no es compatible con estos navegadores?