mobile safari - meteor iron-router with polymer paper-button not routing and iron-router layout template events not firing -

live demo, source link @ bottom

problem 1: i'm using meteor 1.0 , initial problem in ios safari, <a> tag not route href path. routes fine in other desktop browsers.

the <a> tag wrapped around <paper-button> element.

<a href="{{pathfor 'vis1'}}" class="non-a">     <paper-button unresolved>home</paper-button> </a> 

this way polymer-project.org has implemented buttons. found if remove <paper-button> , have <a> itself, page route correctly in ios safari. can't figure out why problem in mobile safari.

problem 2: while trying debug tried attaching 'click' event <a>s (while viewing in safari's ios simulator inspector) using

template.navbar.events({     'click .navigation':function(e){         console.log('click on navbar');     },     'click a':function(e){         //e.stoppropagation();         console.log('click on tag');     } }); 

however, none of click events console.log in either mobile safari, safari 8.0 or ff 34.0, in chrome 39.0 , opera. can't figure out why different either.

it seems polymer issue. removed occurences of polymer elements in templates , 'click' events still not fire (on safari , ff). fixed executing

`meteor remove ecywne:polymer` 

this makes sense polymer-related since chrome , opera don't seem have problem.

addyo's response this stack question seems hint there incompatibility between meteor , polymer.

i'm not sure conflict is, submitted an issue on meteor-polymer page.