可排序的js库在safari中的iframe内没有按预期工作

Question

当在safari中的iframe中使用可排序库时，可拖动元素无法像在其他浏览器中那样正常工作。

HTML：

<iframe src="http://rubaxa.github.io/Sortable/" width="1000" height="1000"></iframe>

使用Javascript：

Sortable.create(foo, {
  group: 'foo',
  animation: 100
});

Sortable.create(bar, {
  group: 'bar',
  animation: 100
});

Sortable.create(qux, {
  group: {
    name: 'qux',
    put: ['foo', 'bar']
  },
  animation: 100
});

如果在Safari浏览器中打开它，拖动的元素远离光标指针。

有解决方法吗？

Demo URL