this._meta.byKey is not a function EDGE and Firefox

[Aymen Nouira]

Description

iron-meta causing exception when loading page

Expected outcome

View1 visible

Actual outcome

Only menu and header are present
Exception in console :

• Firefox :

14:42:41.176 TypeError: this._meta.byKey is not a function 1 data:%0A%0A%20%20%20%20Polymer(%7B%0A%0A%20%20%20%20%20%20is%3A%20'iron-icon'%2C%0A%0A%20%20%20%20%2:79:15
	_updateIcon http://localhost:8081/bower_components/iron-icon/iron-icon.html.js:79:15
	_iconChanged http://localhost:8081/bower_components/iron-icon/iron-icon.html.js:56:9
	runMethodEffect http://localhost:8081/bower_components/polymer/lib/mixins/property-effects.html.js:775:14
	runEffectsForProperty http://localhost:8081/bower_components/polymer/lib/mixins/property-effects.html.js:139:11
	runEffects http://localhost:8081/bower_components/polymer/lib/mixins/property-effects.html.js:105:13
	_propertiesChanged http://localhost:8081/bower_components/polymer/lib/mixins/property-effects.html.js:1626:9
	_flushProperties http://localhost:8081/bower_components/polymer/lib/mixins/property-accessors.html.js:534:11
	ready http://localhost:8081/bower_components/polymer/lib/mixins/property-effects.html.js:1584:9
	ready http://localhost:8081/bower_components/polymer/lib/mixins/element-mixin.html.js:614:9
	ready http://localhost:8081/bower_components/polymer/lib/legacy/legacy-element-mixin.html.js:157:9
	ready http://localhost:8081/bower_components/polymer/lib/legacy/class.html.js:205:11
	_enableProperties http://localhost:8081/bower_components/polymer/lib/mixins/property-accessors.html.js:516:11
	connectedCallback http://localhost:8081/bower_components/polymer/lib/mixins/element-mixin.html.js:595:9
	connectedCallback http://localhost:8081/bower_components/polymer/lib/legacy/legacy-element-mixin.html.js:71:9
	v.prototype.connectedCallback http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:129:40
	v.prototype.b http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:126:173
	Xc/< http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:40:447
	_attachDom http://localhost:8081/bower_components/polymer/lib/mixins/element-mixin.html.js:655:13
	_readyClients http://localhost:8081/bower_components/polymer/lib/mixins/element-mixin.html.js:628:23
	_flushClients http://localhost:8081/bower_components/polymer/lib/mixins/property-effects.html.js:1496:11
	_propertiesChanged http://localhost:8081/bower_components/polymer/lib/mixins/property-effects.html.js:1622:9
	_flushProperties http://localhost:8081/bower_components/polymer/lib/mixins/property-accessors.html.js:534:11
	ready http://localhost:8081/bower_components/polymer/lib/mixins/property-effects.html.js:1584:9
	ready http://localhost:8081/bower_components/polymer/lib/mixins/element-mixin.html.js:614:9
	ready http://localhost:8081/bower_components/polymer/lib/legacy/legacy-element-mixin.html.js:157:9
	ready http://localhost:8081/bower_components/polymer/lib/legacy/class.html.js:205:11
	ready http://localhost:8081/bower_components/polymer/lib/legacy/class.html.js:205:11
	ready http://localhost:8081/bower_components/polymer/lib/legacy/class.html.js:205:11
	ready http://localhost:8081/bower_components/polymer/lib/legacy/class.html.js:205:11
	ready http://localhost:8081/bower_components/polymer/lib/legacy/class.html.js:205:11
	ready http://localhost:8081/bower_components/polymer/lib/legacy/class.html.js:205:11
	_enableProperties http://localhost:8081/bower_components/polymer/lib/mixins/property-accessors.html.js:516:11
	connectedCallback http://localhost:8081/bower_components/polymer/lib/mixins/element-mixin.html.js:595:9
	connectedCallback http://localhost:8081/bower_components/polymer/lib/legacy/legacy-element-mixin.html.js:71:9
	v.prototype.connectedCallback http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:129:40
	v.prototype.b http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:126:173
	Xc/< http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:40:447
	_attachDom http://localhost:8081/bower_components/polymer/lib/mixins/element-mixin.html.js:655:13
	_readyClients http://localhost:8081/bower_components/polymer/lib/mixins/element-mixin.html.js:628:23
	_flushClients http://localhost:8081/bower_components/polymer/lib/mixins/property-effects.html.js:1496:11
	_propertiesChanged http://localhost:8081/bower_components/polymer/lib/mixins/property-effects.html.js:1622:9
	_flushProperties http://localhost:8081/bower_components/polymer/lib/mixins/property-accessors.html.js:534:11
	ready http://localhost:8081/bower_components/polymer/lib/mixins/property-effects.html.js:1584:9
	ready http://localhost:8081/bower_components/polymer/lib/mixins/element-mixin.html.js:614:9
	_enableProperties http://localhost:8081/bower_components/polymer/lib/mixins/property-accessors.html.js:516:11
	connectedCallback http://localhost:8081/bower_components/polymer/lib/mixins/element-mixin.html.js:595:9
	v.prototype.connectedCallback http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:129:40
	v.prototype.i http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:128:441
	q.prototype.j http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:133:77
	q.prototype.define/< http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:132:219
	q/this.f http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:45:486
	q.prototype.l/this.f/< http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:134:54
	d http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:168:471
	b.whenReady/< http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:169:47
	f/</< http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:83:399
	d/</< http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:83:146
	c http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:84:108
	h http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:65:356
	dispatchEvent http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:122:92
	k.prototype.g http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:94:312
	k.prototype.j/< http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:94:203
	l http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:85:37
	k.prototype.j http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:94:180
	d http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:91:312
	k.prototype.i/< http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:91:373
	b http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:92:401
	b/< http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:92:387
	c http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:84:108
	h http://localhost:8081/bower_components/webcomponentsjs/webcomponents-hi-sd-ce.js:65:356

• Edge :

SCRIPT438: Object doesn't support property or method 'byKey'
javascript;charset=utf-8,Polymer({is:'iron-icon',properties:{icon:{type:String},theme:{type:String},src:{type:String},_meta:{value:Polymer.Base.create('iron-meta',{type:'iconset'})}},observers:['_updateIcon(_meta, isAttached)','_updateIcon(theme, isAttached)','_srcChanged(src, isAttached)','_iconChanged(icon, isAttached)'],_DEFAULT_ICONSET:'icons',_iconChanged:function(b){var c=(b||'').split(':');this._iconName=c.pop(),this._iconsetName=c.pop()||this._DEFAULT_ICONSET,this._updateIcon()},_srcChanged:function(){this._updateIcon()},_usesIconset:function(){return this.icon||!this.src},_updateIcon:function(){this._usesIconset()?(this._img&&this._img.parentNode&&Polymer.dom(this.root).removeChild(this._img),''===this._iconName?this._iconset&&this._iconset.removeIcon(this):this._iconsetName&&this._meta&&(this._iconset=this._meta.byKey(this._iconsetName),this._iconset?(this._iconset.applyIcon(this,this._iconName,this.theme),this.unlisten(window,'iron-iconset-added','_updateIcon')):this.listen(window,'iron-iconset-added','_updateIcon'))):(this._iconset&&this._iconset.removeIcon(this),!this._img&&(this._img=document.createElement('img'),this._img.style.width='100%',this._img.style.height='100%',this._img.draggable=!1),this._img.src=this.src,Polymer.dom(this.root).appendChild(this._img))}});
//# sourceURL=http://localhost:8081/src/my-app.html-68.js
 (1,753)

Live Demo

Steps to reproduce

1. Create a fresh polymer starter kit using polymer cli
2. serve the fresh generated app
3. open application in firefox or Edge

Browsers Affected

• Chrome
• Edge
• Firefox
• IE 11
• Safari 8
• Safari 9

[Marco Feuerstein]

See also webcomponents/webcomponentsjs#819 and webcomponents/webcomponentsjs#820

[Aymen Nouira]

upgrade to webcomponentsjs 1.0.6 fix my problem in firefox and edge

[Marco Feuerstein]

@aymen083, great, can you please close the issue?