CODEWITHSUNDEEP
javascriptrubaxa-sortable
lazyHead
lazyHead

Reputation: 134

Sortable js library not working as expected inside iframe in safari

When sortable library is used inside a iframe in safari, the draggable element is not working as expected as in other browsers.

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
});

If you open this in Safari browser, the element which is dragged is far away from the cursor pointer.

Is there any workaround?

Demo URL

Upvotes: 0

Views: 343

Answers (0)

Related Questions