Bug when pane contains svg about vue-multipane HOT 7 OPEN

@maxvanceffer
I also had this error with svg files.
I just add to the "mousedown" event handler with the "stop" modifier

<div class="sort-icon" @mousedown.stop>
   <svg>...</svg>
</div>

from vue-multipane.

#6

from vue-multipane.

Thx... will try, this hack. But as i see, developers already have a pull request, which fix this error.

from vue-multipane.

Unfortunately it is not always possible to add @mousedown.stop above the svg.

Another solution would be to suppress the error in a component, page or layout file further up the component tree:

errorCaptured(error, vm, info) {
  if (error.message === 't.className.match is not a function') {
    return false // prevent the error from propagating
  }
}

from vue-multipane.

I have the same problem, and none of the solutions above helped. Any chance to fix this in the future? Thanks!

from vue-multipane.

Having the same issue here. I have another plugin inserting svgs on the page. Error appears when the svgs are clicked.

EDIT: The solution from #6 pull request worked for me.

from vue-multipane.

阻止冒泡虽然能解决问题，但不太优雅；
所以希望能从根儿上解决，如：if (typeof t.className === 'string' && t.className.match('multipane-resizer'))

from vue-multipane.