safari error with template and v-repeat

[pkat]

First, thanks for this great library!

In Safari (7.1), i'm getting this error

TypeError: null is not an object (evaluating 'this.$el.__vue__ = this')

when using template with v-repeat

<template v-repeat="arrayOfObjects">
   <div>...content a...</div>
   <div>...content b...</div>
</template>

It appears to be working fine in Chrome and Firefox. I'm running 0.11.0-rc2

[yyx990803]

I can't seem to reproduce this. Can you make a jsfiddle?

[pkat]

Sure, here it is: http://jsfiddle.net/40yppdLg/1/

I'm able to see the iteration of v-repeat rendered in latest Chrome, Firefox and IE11. However in Safari, i'm getting the error.

[yyx990803]

This is actually caused by a nasty bug in Safari: http://jsfiddle.net/3s73zgjn/
It's pretty tricky to fix on Vue's side since Vue relies on cloneNode() a lot internally. Not sure if they will fix this any time soon...

In the meanwhile my suggestion is use a wrapper div instead of a template for now, I'll see how the webkit team reacts to the bug report.

[pkat]

Interesting. Thanks for looking into it!

[yyx990803]

Ok, it's now worked-around in the next branch. Hope they fix it soon...

[dwightjack]

Hi just as a follow up
I think I'm experiencing the same issue with iOS Safari and on latest safari on Mac.
Here is a jsbin:
http://jsbin.com/kodeyi/edit?html,css,js,output

Since this seems still an issue, wouldn't be useful to place a warn on the docs until Apple fixes the bug?

[yyx990803]

@dwightjack the jsbin seems to work fine for me in Safari 8.

[dwightjack]

You're right!
Looks like our problem is related to something else. Sorry!