From 1a886ada08dc9b6eb2791c0d17d7d411133073af Mon Sep 17 00:00:00 2001
From: Andrew Kingston <aptkingston@ssl-mail.com>
Date: Tue, 2 Feb 2021 15:38:43 +0000
Subject: [PATCH] Use select for selecting form to validate in button actions
 to fix issue showing component ID

---
 .../EventsEditor/actions/ValidateForm.svelte                | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/actions/ValidateForm.svelte b/packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/actions/ValidateForm.svelte
index 9c50bd8694..b0c8ff758f 100644
--- a/packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/actions/ValidateForm.svelte
+++ b/packages/builder/src/components/design/PropertiesPanel/PropertyControls/EventsEditor/actions/ValidateForm.svelte
@@ -1,5 +1,5 @@
 <script>
-  import { DataList, Label } from "@budibase/bbui"
+  import { Select, Label } from "@budibase/bbui"
   import { currentAsset, store } from "builderStore"
   import { getActionProviderComponents } from "builderStore/dataBinding"
 
@@ -15,14 +15,14 @@
 
 <div class="root">
   <Label size="m" color="dark">Form</Label>
-  <DataList secondary bind:value={parameters.componentId}>
+  <Select secondary bind:value={parameters.componentId}>
     <option value="" />
     {#if actionProviders}
       {#each actionProviders as component}
         <option value={component._id}>{component._instanceName}</option>
       {/each}
     {/if}
-  </DataList>
+  </Select>
 </div>
 
 <style>