Project

General

Profile

Actions

Task #101085

open

Problems with Drag & Drop in Page layout

Added by Reto Gehrig 6 months ago.

Status:
New
Priority:
Should have
Assignee:
-
Category:
Backend User Interface
Target version:
Start date:
2023-06-15
Due date:
% Done:

0%

Estimated time:
TYPO3 Version:
12
PHP Version:
8.2
Tags:
Complexity:
Sprint Focus:

Description

I'm using the Ā«containerĀ» extension and have noticed that when drag & drop content elements within the container, the content to be moved is stuck under the cursor by twice the distance. This can be irritating for the user. I identified the reason in the style class .t3-page-ce. Nesting this class moves the starting point for positioning the element.

.t3-page-ce {
  display:block;
  position: relative; /* -> remove to fix the problem */
  margin:var(--pagemodule-grid-spacing) var(--pagemodule-grid-inner-spacing);
  transition:height .4s ease-out;
  overflow:hidden;
}

If the positioning is not urgently needed, I would remove it.

In addition, I noticed that after moving the element, the styles "width, left, top" are set to "unset" in drag-drop.js. This in turn can lead to unwanted display. To counteract this, the following correction would make sense.

  /* Line 165 - 167 */
  e.target.style.width = '';
  e.target.style.left = '';
  e.target.style.top = '';

I hope these suggestions will help someone else.


Files

No data to display

Actions

Also available in: Atom PDF