fix: fixed issue thet caused the tab to diappear

This commit is contained in:
Johnson Cherian 2023-12-18 15:14:38 +05:30
parent 340ce9885d
commit 7007f9e1c1

View file

@ -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);