Project

General

Profile

Actions
Copy link

Task #80024

closed

DragDrop.js - show dragged element in front of every element

Added by Frank Rakow over 7 years ago. Updated over 6 years ago.

Status:
Closed
Priority:
Must have
Assignee:
-
Category:
Backend JavaScript
Target version:
-
Start date:
2017-02-26
Due date:
% Done:

0%

Estimated time:
TYPO3 Version:
8
PHP Version:
Tags:
Complexity:
Sprint Focus:

Description

Please extend the configuration with these two parameters:

            appendTo: $(document.body),
            helper: 'clone',

so the dragged element is displayed in front of every element during dragging and can be used with third party extension which creates multi column in elements (e.g. flux)

Here the changed code for typo3/sysext/backend/Resources/Public/JavaScript/LayoutModule/DragDrop.js (starting at line 43)
Insert appendTo and helper in the $(DragDrop.contentIdentifier).draggable configuration:

    DragDrop.initialize = function () {
        $(DragDrop.contentIdentifier).draggable({
            handle: this.dragHeaderIdentifier,
            scope: 'tt_content',
            cursor: 'move',
            distance: 20,
            addClasses: 'active-drag',
            revert: 'invalid',
            zIndex: 100,
            appendTo: $(document.body),
            helper: 'clone',
            start: function (evt, ui) {
                DragDrop.onDragStart($(this));
            },
            stop: function (evt, ui) {
                DragDrop.onDragStop($(this));
            }
        });

Actions
Copy link

Also available in: Atom PDF