InputSample was failing randomly in FF & Safari.

Use new Polymer.function method to avoid casting when binding templates.

Author: manolo

demo/src/main/java/com/vaadin/polymer/demo/client/sampler/iron/IronIconsSample.java

@@ -6,7 +6,6 @@
 import com.google.gwt.user.client.ui.Composite;
 import com.google.gwt.user.client.ui.HTMLPanel;
 import com.vaadin.polymer.Polymer;
-import com.vaadin.polymer.elemental.Function;
 import com.vaadin.polymer.elemental.Template;
 
 public class IronIconsSample extends Composite {
@@ -21,7 +20,7 @@ public IronIconsSample() {
         initWidget(ourUiBinder.createAndBindUi(this));
 
         // Example of how to bind functions to custom elements. 
-        Polymer.property(bindTemplate, "getIconNames",
-                (Function<?,?>) iconSet -> Polymer.apply(iconSet, "getIconNames"));
+        Polymer.function(bindTemplate, "getIconNames",
+                iconSet -> Polymer.apply(iconSet, "getIconNames"));
     }
 }

demo/src/main/java/com/vaadin/polymer/demo/client/sampler/iron/IronInputSample.java

@@ -7,7 +7,6 @@
 import com.google.gwt.user.client.ui.Composite;
 import com.google.gwt.user.client.ui.HTMLPanel;
 import com.vaadin.polymer.Polymer;
-import com.vaadin.polymer.elemental.Function;
 import com.vaadin.polymer.elemental.HTMLElement;
 import com.vaadin.polymer.elemental.NodeList;
 import com.vaadin.polymer.elemental.Template;
@@ -35,7 +34,7 @@ public IronInputSample() {
         initWidget(ourUiBinder.createAndBindUi(this));
 
         // Wait until the template has been rendered by polymer to query the dom.
-        Polymer.whenReady(o -> {
+        Polymer.ready(bindTemplate, o -> {
             NodeList inputs = ((HTMLElement)getElement()).querySelectorAll("input");
             ironInput = inputs.item(0);
             input1 = inputs.item(1);
@@ -44,17 +43,15 @@ public IronInputSample() {
         });
 
         // Bind functions to the template
-        Polymer.property(bindTemplate, "function1",
-            (Function<?,?>) e -> {
-                ironInput.setBindValue(input1.getValue());
-                return null;
-            });
-        Polymer.property(bindTemplate, "function2",
-            (Function<?,?>) e -> {
-                // TODO: casting because api-generator does not support extending
-                // native elements yet, hence we use gwt input.value instead.
-                ((InputElement)ironInput).setValue(input2.getValue());
-                return null;
-            });
+        Polymer.function(bindTemplate, "function1", o -> {
+            ironInput.setBindValue(input1.getValue());
+            return null;
+        });
+        Polymer.function(bindTemplate, "function2", o -> {
+            // TODO: casting because api-generator does not support extending
+            // native elements yet, hence we use gwt input.value instead.
+            ((InputElement) ironInput).setValue(input2.getValue());
+            return null;
+        });
     }
 }

demo/src/main/java/com/vaadin/polymer/demo/client/sampler/iron/IronInputSample.ui.xml

@@ -8,6 +8,9 @@
           .vertical-section {
             line-height: 40px;
           }
+          input {
+            width: 150px;
+          }
           input[is=iron-input] {
             width: 100%;
           }