CODEWITHSUNDEEP
polymer
RogerSmith
RogerSmith

Reputation: 204

Polymer Passing Properties To Child Elements In Firefox

I've created a simple example http://jsbin.com/yifekigo/21/edit. It works in Chrome and does not in Firefox/Safari. It will work in Firefox if I change <nest-row mCols="{{mCols}}" y="{{y}}"></nest-row> to <nest-row mCols="4" y="{{y}}"></nest-row>.

How can I get Firefox and Safari to pass the value of mCols from nest-grid through to nest-row?

EDIT: See Scott's comment on his answer for the use of domReady as a workaround.

Upvotes: 2

Views: 233

Answers (1)

Scott Miles
Scott Miles

Reputation: 11027

Sadly, on Firefox/Safari/IE, the DRY Polymer syntax is not supported in the main document. IOW, you must do:

Polymer('nest-grid', {...

instead of

Polymer({...

Again, this is only true for calls like this in the main document (which typically includes JsBin and friends). Polymer elements in imports can use the DRY syntax on all platforms.

Sorry for the trouble.

Upvotes: 1

Related Questions