From 3e08160102bee849a31f2eb639985e09257654a9 Mon Sep 17 00:00:00 2001
From: mvdbeek <m.vandenbeek@gmail.com>
Date: Tue, 12 Jul 2022 20:26:18 +0300
Subject: [PATCH] Fix local version switching

Fixes https://github.com/galaxyproject/galaxy/issues/14311.
Problem is that we use `:key` in
https://github.com/mvdbeek/galaxy/blob/9e4563d9eb5d8f38a48e1f01466d4fcd1fc66502/client/src/components/Form/FormDisplay.vue#L3,
so that doesn't re-render when the tool id doesn't change (which is the
case for local tools, but not toolshed tools).
---
 client/src/components/Tool/ToolForm.vue | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/client/src/components/Tool/ToolForm.vue b/client/src/components/Tool/ToolForm.vue
index 2f029be43fc..7a90fbd98f6 100644
--- a/client/src/components/Tool/ToolForm.vue
+++ b/client/src/components/Tool/ToolForm.vue
@@ -45,7 +45,7 @@
                         itemtype="https://schema.org/CreativeWork">
                         <template v-slot:body>
                             <FormDisplay
-                                :id="formConfig.id"
+                                :id="toolId"
                                 :inputs="formConfig.inputs"
                                 :validation-scroll-to="validationScrollTo"
                                 @onChange="onChange"
@@ -185,6 +185,12 @@ export default {
         toolName() {
             return this.formConfig.name;
         },
+        toolId() {
+            // ensure version is included in tool id, otherwise form inputs are
+            // not re-rendered when versions change.
+            const { id, version } = this.formConfig;
+            return id.endsWith(version) ? id : `${id}/${version}`;
+        },
         tooltip() {
             return `Execute: ${this.formConfig.name} (${this.formConfig.version})`;
         },