In the example below, my signal with an uppercase letter in the name doesn't work and the lowercase one gets called twice when it should only get called once.
<!DOCTYPE html>
<script src="third_party/polymer/polymer.js"></script>
<link rel="import" href="third_party/polymer-elements/polymer-signals/polymer-signals.html">
<polymer-element name="my-element">
<template>
Should get a "fooBar" signal and only a single "foobar" signal.
</template>
<script>
Polymer('my-element', {
created: function() {
this.asyncFire('polymer-signal', {name: "foobar", data: "foobar"});
this.asyncFire('polymer-signal', {name: "fooBar", data: "fooBar"});
}
});
</script>
</polymer-element>
<polymer-element name="my-app">
<template>
<polymer-signals on-polymer-signal-foobar="foobarSignal"></polymer-signals>
<polymer-signals on-polymer-signal-fooBar="foobarSignal"></polymer-signals>
<content></cotnent>
</template>
<script>
Polymer('my-app', {
foobarSignal: function(e, detail, sender) {
this.innerHTML += '<br>[my-app] got a [' + detail + '] signal<br>';
}
});
</script>
</polymer-element>
<my-element></my-element>
<my-app></my-app>
In the example below, my signal with an uppercase letter in the name doesn't work and the lowercase one gets called twice when it should only get called once.