Dragstart event gives error: Permission denied to access property "effectAllowed"

I just started working with Meteorite (1.1.0.2) and tried to implement some drag and drop functionality. Basically what it has to do is: the user can drag and drop the video element from the sidebar into the content div.

My problem is it doesn't work in firefox (v 37, OSX), but it does work in Chrome.

Here is the code:

Template.single_video.events(
{
  'dragstart video': function(event)
  {
	var dt =  event.originalEvent.dataTransfer;
    dt.effectAllowed = "copy";
	dt.setData('text/html', event.currentTarget.outerHTML);

	return false;
  }
})
      

<template name="single_video">
	<div class="col-xs-12">
		{{title}} 
		<video controls="" class="video-drag" draggable="true">
			{{#each sources}}
				<source src="{{src}}" type="{{type}}">
			{{/each}}
		</video>
	</div>
</template>
      

Run codeHide result


I always get the error: Error: Permission denied to access property "effectAllowed"

So my question is, is this a bug in FF or am I missing something? Thanks in advance for any help.

+3
javascript html5 firefox meteor drag-and-drop


source to share


No one has answered this question yet

Check out similar questions:

638
Dynamically access an object using a variable
620
Ajax request returns 200 OK but error event fires instead of success
514
How do I access the first property of an object in Javascript?
3
Android Chrome does not play or load video via filesystem API
2
Accurate drag and drop content to content oriented with js
2
JQuery drag and drop image element - drag and drop issues in IE and Chrome
2
Can you dynamically change the dragged element in the HTML5 Drag Drop API?
1
Tap + Hold and then drag using HTML drag
0
Dragstart and textarea: how to catch when the user starts dragging the selected text?
0
Firefox does not register an onclick event handler



All Articles
Loading...
X
Show
Funny
Dev
Pics