`invalid-changed` event is fired only in Chrome

[hyyan]

Description

The invalid-changed event is fired only in Chrome

Expected outcome

Event fired in all browsers

Actual outcome

Event fired only on chrome

Browsers Affected

• [ ] Chrome
• [x] Firefox
• [ ] Safari 9
• [ ] Safari 8
• [ ] Safari 7
• [x] Edge
• [x] IE 11
• [ ] IE 10

[notwaldorf]

Do you have a JSBin or some sample code I can look at? I think your setup depends here

[hyyan]

@notwaldorf as I can not share my whole element's code , I share the concept I am using in my element , maybe this can help

<dom-module id="my-element">
 <template>

  <paper-input label="Number" type="number" min="3" max="10" auto-validate>
  </paper-input>
  <paper-input always-float-label label="Floating label"></paper-input>

 </template>
 <script>
  Polymer({
   is: 'my-element',
   listeners: {
    'invalid-changed': '_onInvalidChangedListener'
   },
   _onInvalidChangedListener: function (e) {
       console.log(e.detail.value);
   }
  });
 </script>
</dom-module>