Do you have any multi threads causing this issue. If so, find them and force them to STA trd = New Threading.Thread(AddressOf ThreadTask) trd.IsBackground = True trd.SetApartmentState(ApartmentState.STA)
This is officially an issue with Firefox — Bugzilla: Bug #505521, Set screen coordinates during HTML5 drag event. I’ll quote jbmj to summarize, and I will bold the original developer they are quoting… I can’t believe that this comment “Note though that it doesn’t specify what the properties should be set to, just that they … Read more
It’s a Webkit-specific property. Here’s what the WebKit documentation says about it: Making an Element Draggable WebKit provides automatic support to let users drag common items, such as images, links, and selected text. You can extend this support to include specific elements on an HTML page. For example, you could mark a particular div or … Read more
I think what you’re looking for is tolerance. I would probably suggest using “pointer” as this will use the mouse cursor as your “overlap” point. http://jqueryui.com/demos/droppable/ $(‘[id^=”cell-“]’).each(function(index) { $(this).droppable({ accept: “.cartridge”, hoverClass: “cell-highlght”, tolerance: “pointer”, drop: function( event, ui ) { $( this ).addClass( “cell-dropped” ); } }); });
I found this code sample on MSDN Note the following: 1). DataGridView property AllowDrop must be set to true (default is false). 2). The example below works out of the box when the DataGridView is NOT data-bound. Otherwise it will throw an InvalidOperationException. If it is databound, you should manipulate the order of items in … Read more
By default, data/elements cannot be dropped in other elements. To allow a drop, you must prevent the default handling of the element when dragover. document.addEventListener(“dragover”, function(event) { // prevent default to allow drop event.preventDefault(); }, false);
You can use the drag event: $(‘#dragThis’).draggable({ drag: function() { var offset = $(this).offset(); var xPos = offset.left; var yPos = offset.top; $(‘#posX’).text(‘x: ‘ + xPos); $(‘#posY’).text(‘y: ‘ + yPos); } }); JS Fiddle demo. This demo brought to you by the drag event, and the methods offset() and text(). Edited in response to comment … Read more
Try this: HTML5 Sortable. It is a jQuery plugin to create sortable lists and grids using native HTML5 drag and drop API.
There are instances where a website has drag-and-drop features that will not work inside the Google Chrome browser. Fixing Drag-and-Drop Enter the following into the Google Chrome Top search bar. Chrome Flags: chrome://flags/ Type Touch into the search bar and set the following options to Enabled.
There are some native HTML5 Events that works in WebKit (Chrome & Safari) … only mobile versions. The name of these events are touchstart, touchmove, touchend, touchcancel An example to reposition an element with touch is: $(document).bind(“touchstart”, function(e) { e.preventDefault(); var orig = e.originalEvent; var x = orig.changedTouches[0].pageX; var y = orig.changedTouches[0].pageY; $(“#element”).css({top: y, left: … Read more