Restricted components moving out of subcontainer with keyboard

This commit is contained in:
Kavin Venkatachalam 2023-12-22 11:55:53 +05:30
parent 4ab5a0d425
commit 53aa28da2b

View file

@ -1200,6 +1200,7 @@ const EditorComponent = (props) => {
for (const selectedComponent of selectedComponents) {
let top = newComponents[selectedComponent.id].layouts[currentLayout].top;
let left = newComponents[selectedComponent.id].layouts[currentLayout].left;
const width = newComponents[selectedComponent.id]?.layouts[currentLayout]?.width;
switch (direction) {
case 'ArrowLeft':
@ -1216,6 +1217,10 @@ const EditorComponent = (props) => {
break;
}
if (left < 0 || top < 0 || left + width > noOfGrids) {
return;
}
newComponents[selectedComponent.id].layouts[currentLayout].top = top;
newComponents[selectedComponent.id].layouts[currentLayout].left = left;
}