Fix for grid arrow event handling when creating a column

packages/builder/src/components/backend/DataTable/modals/CreateEditColumn.svelte

@@ -517,6 +517,7 @@
   })
 </script>
 
+<span class="create-edit-column">
   <Layout noPadding gap="S">
     {#if mounted}
       <Input
@@ -656,7 +657,8 @@
         <div class="input-length">
           <Input
             type="number"
-          bind:value={editableColumn.constraints.numericality.lessThanOrEqualTo}
+            bind:value={editableColumn.constraints.numericality
+              .lessThanOrEqualTo}
           />
         </div>
       </div>
@@ -769,6 +771,7 @@
       {/if}
     </Button>
   </div>
+</span>
 <Modal bind:this={jsonSchemaModal}>
   <JSONSchemaModal
     schema={editableColumn.schema}

packages/frontend-core/src/components/grid/overlays/KeyboardManager.svelte

@@ -24,6 +24,7 @@
     ".date-time-popover",
     "#builder-side-panel-container",
     "[data-grid-ignore]",
+    ".create-edit-column",
   ]
 
   // Global key listener which intercepts all key events