fix: textbox element lost while editirng, text field adjustment

lib/widgets/elements.dart

@@ -280,40 +280,46 @@ class _ElementWidgetState extends State<ElementWidget> {
             bool isElmHeightExceedCanvas = height > canvas.height;
         
             // Check if the object is out of the canvas
+            // ? top side
             if (element.position.top < 0) {
               setState(() {
                 element.position.top = 0;
               });
         
               print('object is out of canvas');
+              log('Adjusting Top Position');
               return;
             }
-        
+
+            // ? left side
             if (element.position.left < 0) {
               setState(() {
                 element.position.left = 0;
               });
         
               print('object is out of canvas');
+              log('Adjusting Left Position');
               return;
             }
             
+            // ? bottom side
             if (!isElmHeightExceedCanvas && bottom > canvas.height) {
               setState(() {
                 element.position.top = (canvas.height - height).roundToDouble() - 1;
               });
-        
+              log('Adjusting Bottom Position, if !isElmHeightExceedCanvas');
               print('object is out of canvas');
               return;
             }
         
-        
+            // ? right side
             if (!isElmWidthExceedCanvas && right > canvas.width) {
               setState(() {
                 element.position.left = (canvas.width - width).roundToDouble() - 1;
               });
         
               print('object is out of canvas');
+              log('Adjusting right position, if isElmHeightExceedCanvas');
               return;
             }
         
@@ -338,6 +344,9 @@ class _ElementWidgetState extends State<ElementWidget> {
             
             double right = element.position.left + width;
             double bottom = element.position.top + height;
+
+            bool isElmWidthExceedCanvas = width > canvas.width; 
+            bool isElmHeightExceedCanvas = height > canvas.height;
         
         
             if (element.position.top < 0) {
@@ -348,8 +357,11 @@ class _ElementWidgetState extends State<ElementWidget> {
                 adjustedElementPosition.left = 0;
             }
         
-            if ((element.position.top + height) > canvas.height) {
+            if (!isElmHeightExceedCanvas && (element.position.top + height) > canvas.height) {
                 adjustedElementPosition.top = (canvas.height - height).roundToDouble() - 1;
+
+            } else if (isElmHeightExceedCanvas && (element.position.top + height) > canvas.height) {
+                adjustedElementPosition.top = 0;
             }
         
             if ((element.position.left + width) > canvas.width) {
@@ -572,6 +584,7 @@ class _ElementWidgetState extends State<ElementWidget> {
     if (Provider.of<Editor>(context, listen: true).isEditing && (Provider.of<Editor>(context, listen: true).selectedElmId == element.id)) {
       return IntrinsicWidth(
         child: TextField(
+          textInputAction: TextInputAction.done,
           controller: element.valueController,
           autofocus: true,
           keyboardType: TextInputType.multiline,
@@ -597,6 +610,8 @@ class _ElementWidgetState extends State<ElementWidget> {
 
             setState(() {});
           },
+          onEditingComplete: () => Provider.of<Editor>(context, listen: false).unSelectElm(),
+          
         ),
       );
     }
@@ -614,6 +629,7 @@ class _ElementWidgetState extends State<ElementWidget> {
     return Text(
       element.valueController.text,
       style: CanvasStyle.getTextStyle(element.fontScale),
+      // maxLines: 1,
     );
     
   }