Fix for grid arrow event handling when creating a column

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

@@ -517,7 +517,8 @@
   })
 </script>
 
-<Layout noPadding gap="S">
+<span class="create-edit-column">
+  <Layout noPadding gap="S">
     {#if mounted}
       <Input
         value={editableColumn.name}
@@ -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>
@@ -747,9 +749,9 @@
         {/if}
       </div>
     {/if}
-</Layout>
+  </Layout>
 
-<div class="action-buttons">
+  <div class="action-buttons">
     {#if !uneditable && originalName != null}
       <Button quiet warning text on:click={confirmDelete}>Delete</Button>
     {/if}
@@ -768,7 +770,8 @@
         Save
       {/if}
     </Button>
-</div>
+  </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