Elgato_dark/ToolJet
1
0
Fork 0
mirror of https://github.com/ToolJet/ToolJet synced 2026-05-23 08:58:26 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

feat: restrict scroll to bounds

Browse source
This commit is contained in:
Johnson Cherian 2023-12-18 16:58:18 +05:30
parent 7007f9e1c1
commit ea414c2c5b
2 changed files with 6 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

1
frontend/src/Editor/Container.jsx
View file

@ -439,6 +439,7 @@ export const Container = ({
// },
};
setBoxes(newBoxes);
updateCanvasHeight(newBoxes);
}
const paramUpdated = useCallback(

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

@ -408,8 +408,10 @@ export default function DragContainer({
let left = e.lastEvent.translate[0];
let top = e.lastEvent.translate[1];
const currentWidget = boxes.find(({ id }) => id === e.target.id)?.component?.component;
const parentWidget = boxes.find(({ id }) => id === parentElem.id)?.component?.component;
const restrictedWidgets = restrictedWidgetsObj[parentWidget];
const parentWidget = parentElem
? boxes.find(({ id }) => id === parentElem.id)?.component?.component
: undefined;
const restrictedWidgets = restrictedWidgetsObj?.[parentWidget] || [];
const isParentChangeAllowed = !restrictedWidgets.includes(currentWidget);
if (parentElem && isParentChangeAllowed) {
left = left - parentElem.left * gridWidth;
@ -497,6 +499,7 @@ export default function DragContainer({
elementGuidelines={list.map((l) => ({ element: `.ele-${l.id}`, className: 'grid-guide-lines' }))}
isDisplaySnapDigit={false}
snapGridWidth={gridWidth}
bounds={{ left: 0, top: 0, right: 0, bottom: 0, position: 'css' }}
/>
{removeDuplicates(list)