search

haltu / muuri

Infinite responsive, sortable, filterable and draggable layouts
https://muuri.dev
MIT License
10.8k stars 644 forks source link

Muuri + angular 6 IE Drag not Working #241

Closed arunkmr25 closed 5 years ago

arunkmr25 commented 5 years ago

I have integrated Angular7 and muuri for grid drag and drop. everything works fine with Google chrome, firefox and even Edge. But in IE 11 iam not able to drag at all. The same i have implemented using Jquery which works perfectly fine for all browsers. Can anyone help me asap.

arunkmr25 commented 5 years ago

Any suggestions?

SanjayJadon commented 5 years ago

It also not working in Mac - Safari...

niklasramo commented 5 years ago

Would probably help a lot if you could spin up a reduced test case somewhere ;)

SanjayJadon commented 5 years ago

Its not working in Macbook Safari with angular... and with all browser and machine its working perfect. So can you tell what is the problem?

arunkmr25 commented 5 years ago

@niklasramo apologies for the late reply, find the html and type script code that i have written. Drag works fine with google chorme, Edge, firefox but Drag doesnt Work on IE11

HTML

{{ widget?.Name }} 
            </div>
          </div>
        </div>

Type Script

import * as Muuri from 'muuri';

refreshLayout(widgetService) { this.boardGrid = new Muuri('.board', { layoutDuration: 400, layoutEasing: 'ease', dragEnabled: true, dragSortInterval: 0, dragStartPredicate: { handle: '.board-column-header' }, dragReleaseDuration: 400, dragReleaseEasing: 'ease' }).on('move', function (item: any) { widgetService .UpdateOrder( item.toIndex, item.item .getElement() .getAttribute('id') .slice(0, 6) ) .subscribe((resp: any) => { }); }); } capture Iam suppose to drag drop widgets inside a grid .

niklasramo commented 5 years ago

Is there any chance you could post this live somewhere, e.g. codepen?

  • © Githubissues.
  • Githubissues is a development platform for aggregating issues.