X-TAG: attributeChanged nicht auf Firefox zu sein, und der Edge

Question

http://codepen.io/eeliya/pen/qNpBro

Wenn Sie diese codepen Demo auf Chrom laufen, wird eine Warnmeldung angezeigt, wenn Sie auf die Schaltfläche klicken.

Aber das funktioniert nicht mit Firefox oder Edge. Mit anderen Worten: attributeChanged wird nicht auf FF und Edge ausgelöst.

Answer 1

Es scheint, als könnte dies ein Fehler im Polyfill der WebComponents sein. Die Problemumgehung, die ich für dieses Problem gefunden habe, ist die Verwendung von setAttribute() auf der Komponente anstelle der direkten Zuweisung. Mit anderen Worten, component.setAttribute('active', true) anstelle von component.active = true.