mirror of
https://github.com/ToolJet/ToolJet
synced 2026-05-24 09:28:31 +00:00
fix: fixed issue thet caused the tab to diappear
This commit is contained in:
parent
340ce9885d
commit
7007f9e1c1
1 changed files with 7 additions and 3 deletions
|
|
@ -380,6 +380,7 @@ export default function DragContainer({
|
||||||
setDraggedTarget(e.target.id);
|
setDraggedTarget(e.target.id);
|
||||||
setIsDragging(true);
|
setIsDragging(true);
|
||||||
}}
|
}}
|
||||||
|
// linePadding={10}
|
||||||
onDragEnd={(e) => {
|
onDragEnd={(e) => {
|
||||||
console.log('onDragEnd', e);
|
console.log('onDragEnd', e);
|
||||||
try {
|
try {
|
||||||
|
|
@ -559,13 +560,16 @@ export default function DragContainer({
|
||||||
let draggedOverElemId = i.parent;
|
let draggedOverElemId = i.parent;
|
||||||
if (document.elementFromPoint(e.clientX, e.clientY)) {
|
if (document.elementFromPoint(e.clientX, e.clientY)) {
|
||||||
const targetElems = document.elementsFromPoint(e.clientX, e.clientY);
|
const targetElems = document.elementsFromPoint(e.clientX, e.clientY);
|
||||||
const draggedOverElem = targetElems.find(
|
const draggedOverElem = targetElems.find((ele) => {
|
||||||
(ele) =>
|
const isOwnChild = e.target.contains(ele); // if the hovered element is a child of actual draged element its not considered
|
||||||
|
if (isOwnChild) return false;
|
||||||
|
return (
|
||||||
ele.id !== e.target.id &&
|
ele.id !== e.target.id &&
|
||||||
(ele.classList.contains('target') ||
|
(ele.classList.contains('target') ||
|
||||||
ele.classList.contains('nested-target') ||
|
ele.classList.contains('nested-target') ||
|
||||||
ele.classList.contains('drag-container-parent'))
|
ele.classList.contains('drag-container-parent'))
|
||||||
);
|
);
|
||||||
|
});
|
||||||
setDragTarget(draggedOverElem?.id);
|
setDragTarget(draggedOverElem?.id);
|
||||||
draggedOverElemId = draggedOverElem?.getAttribute('component-id') || draggedOverElem?.id;
|
draggedOverElemId = draggedOverElem?.getAttribute('component-id') || draggedOverElem?.id;
|
||||||
console.log('draggedOverElem', draggedOverElem, draggedOverElemId);
|
console.log('draggedOverElem', draggedOverElem, draggedOverElemId);
|
||||||
|
|
|
||||||
Loading…
Reference in a new issue