Firefox - Drag'n'Drop rubrika: Programování: JavaScript
Vo svojej appke mám komponentu TreeView ktorá zobvrazuje stromovo usporiadané položky. Pridal som do nej možnosť presúvania položiek medzi foldrami pomocou drag'n'drop. V Chrome a Edge všetko krásne funguje vo FF sa to správa ako keby nepoznal DND. Dokonca ani kurzor sa nezmení. V čom je problém? Používam natívne eventy:
- onDragStart
- onDragEnter
- onDragOver
- onDrop
každý node stromu má nastavený attribút draggable na true.
Tak po dlhom hodinovom badani som prisiel na to kde je problem.
Vo Firefoxe sa musi v obsluznej mentode onDragStart zavolat event.dataTransfer.setData (aj ked napr. ja na tento ucel pouzivam redux takze dataTransfer vobec nepotrebujem).
handleDragStart = (event: React.DragEvent<HTMLDivElement>) => { event.dataTransfer.setData('Text', ''); // toto pridat safeInvoke(this.props.onDragStart, this, event); }
Vo firefoxe to je uz dlho nahlasene ako bug:
https://bugzilla.mozilla.org/show_bug.cgi?id=1352852
Zda sa ze odkedy MS vypustil Edge tak ma najviac problemov s kompatibilitou firefox. Vacsinou co funguje v Chrome funguje aj v Edge a Safari a naopak.
Pro zobrazení všech 2 odpovědí se prosím přihlaste:
Nebo se přihlaste jménem a heslem:
Komentáře