Merge pull request #2957 from centerofci/2857_default_value_focus

Fix default value input stealing focus
mathesar-foundation · Jun 26, 2023 · 4b8ccff · 4b8ccff
2 parents 9ccbb35 + 82aeaee
commit 4b8ccff
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 4 deletions.
diff --git a/mathesar_ui/src/components/cell-fabric/data-types/components/money/MoneyCellInput.svelte b/mathesar_ui/src/components/cell-fabric/data-types/components/money/MoneyCellInput.svelte
@@ -32,7 +32,6 @@
 </script>
 
 <StringifiedNumberInput
-  focusOnMount={true}
   {...$$restProps}
   value={childValue}
   {cssVariables}

diff --git a/mathesar_ui/src/components/cell-fabric/data-types/components/number/NumberCellInput.svelte b/mathesar_ui/src/components/cell-fabric/data-types/components/number/NumberCellInput.svelte
@@ -32,7 +32,6 @@
 </script>
 
 <StringifiedNumberInput
-  focusOnMount={true}
   {...$$restProps}
   value={childValue}
   {cssVariables}

diff --git a/mathesar_ui/src/systems/table-view/actions-pane/record-operations/filter/Filter.svelte b/mathesar_ui/src/systems/table-view/actions-pane/record-operations/filter/Filter.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
   import { takeLast } from 'iter-tools';
-  import { onMount } from 'svelte';
+  import { onMount, tick } from 'svelte';
   import { writable, type Writable } from 'svelte/store';
 
   import { Button, Icon } from '@mathesar-component-library';
@@ -129,7 +129,14 @@
   </div>
   {#if $processedColumns.size}
     <div class="footer">
-      <Button appearance="secondary" on:click={() => addFilter()}>
+      <Button
+        appearance="secondary"
+        on:click={async () => {
+          addFilter();
+          await tick();
+          activateLastFilterInput();
+        }}
+      >
         <Icon {...iconAddNew} />
         <span>Add New Filter</span>
       </Button>