This page is part of a static HTML representation of the TiddlyWiki at https://tiddlywiki.com/

DragAndDropMechanism

6th April 2017 at 8:58am
Drag and Drop Importing Tiddlers Mechanisms

This tiddler discusses the internal mechanisms that are used to implement drag and drop features in TiddlyWiki. See Drag and Drop for a general description of the features.

TiddlyWiki uses the standard HTML 5 drag and drop APIs. However, this is an area that is rightly notorious for cross-browser compatibility problems. Therefore, some features that you might expect to work won't necessarily work in all browsers. In particular,

The following widgets are concerned with drag and drop features:

The general sequence of a drag and drop operation is as follows:

  1. The user clicks down and drags the pointer on a draggable element such as the DraggableWidget, ButtonWidget or LinkWidget
  2. The draggable element moves with the mouse pointer until the click is released
  3. Moving the pointer over droppable elements such as the DroppableWidget displays a highlight indicating that the item can be dropped
  4. The configured actions are performed if the drag ends on a droppable element