selectors option is an object containing CSS-based selectors for various parts of the Reorderer. Supported selectors are:
The Reorderer applies CSS classes to orderable items, and updates them as they are moved. These classes can be used to apply visual cues to the various states of the orderable items. The class names are configurable. The default class names are:
fl-reorderer-movable-default - This class is applied to elements in their default state.
fl-reorderer-movable-selected - This class is applied to the element that has been selected. The selected item can then be moved using keystrokes.
fl-reorderer-movable-hover - This class is applied to orderable elements when the mouse hovers over them.
fl-reorderer-movable-dragging - This class is applied to the orderable element that is currently being moved using the keyboard, and to the orderable element that is currently being moved using the mouse.
fl-reorderer-movable-avatar - This class is applied to the avatar, which defaults to the image of the orderable element as it is being dragged about by the mouse.
fl-reorderer-movable-dropMarker - This class is applied to the drop target indicator when the mouse is used to drag an item.