fix: data source creation from the DataSourceDropdown footer (baserow#5255)

Author: picklepete

changelog/entries/unreleased/bug/5118_resolved_a_bug_which_prevented_users_from_creating_data_sour.json

@@ -0,0 +1,9 @@
+{
+    "type": "bug",
+    "message": "Resolved a bug which prevented users from creating data sources from the data source dropdown's footer.",
+    "issue_origin": "github",
+    "issue_number": 5118,
+    "domain": "builder",
+    "bullet_points": [],
+    "created_at": "2026-04-22"
+}

web-frontend/modules/builder/components/dataSource/DataSourceDropdown.vue

@@ -48,7 +48,10 @@
     <DataSourceCreateEditModal
       :key="modalKey"
       ref="dataSourceCreateEditModal"
+      :data-source-id="currentDataSourceId"
+      @data-source-created="currentDataSourceId = $event.id"
       @updated="onDataSourceUpdated"
+      @hidden="currentDataSourceId = null"
     />
   </div>
 </template>
@@ -84,6 +87,7 @@ export default {
   data() {
     return {
       modalKey: 0,
+      currentDataSourceId: null,
     }
   },
   computed: {
@@ -112,8 +116,11 @@ export default {
         : this.$t('integrationsCommon.singleRow')
       return `${dataSource.name} (${suffix})`
     },
-    openDataSourceModal() {
-      this.$refs.dataSourceCreateEditModal.show()
+    async openDataSourceModal() {
+      this.currentDataSourceId = null
+      this.modalKey++
+      await this.$nextTick()
+      this.$refs.dataSourceCreateEditModal?.show()
     },
     /**
      * When a data source is updated (i.e. the user has created the record,