Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-24 09:28:31 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix: disable drag on calender popup and unblock other input interactions

Browse source
This commit is contained in:
Johnson Cherian 2024-05-28 13:18:41 +05:30
parent 15004bd633
commit c64d32e8ff
1 changed files with 19 additions and 0 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

19
frontend/src/Editor/DragContainer.jsx
View file

@ -467,6 +467,12 @@ export default function DragContainer({
const box = boxes.find((box) => box.id === e.target.id);
let isDragOnTable = false;
/* If the drag or click is on a calender popup draggable interactions are not executed so that popups and other components inside calender popup works.
Also user dont need to drag an calender from using popup */
if (hasParentWithClass(e.inputEvent.target, 'react-datepicker-popper')) {
return false;
}
/* Checking if the dragged elemenent is a table. If its a table drag is disabled since it will affect column resizing and reordering */
if (box?.component?.component === 'Table') {
const tableElem = e.target.querySelector('.jet-data-table');
@ -842,3 +848,16 @@ function getOffset(childElement, grandparentElement) {
return { x: offsetX, y: offsetY };
}
function hasParentWithClass(child, className) {
let currentElement = child;
while (currentElement !== null && currentElement !== document.documentElement) {
if (currentElement.classList.contains(className)) {
return true;
}
currentElement = currentElement.parentElement;
}
return false;
}