New choice can now be selected from the dropdown without leaving orphans

1 files changed, 2 insertions, 0 deletions

diff --git a/client/js/app/src/app/pages/querybuilder/Components/Text/QueryDropDownForm.jsx b/client/js/app/src/app/pages/querybuilder/Components/Text/QueryDropDownForm.jsx
index 67b00faf242..cdcfe1d0408 100644
--- a/client/js/app/src/app/pages/querybuilder/Components/Text/QueryDropDownForm.jsx
+++ b/client/js/app/src/app/pages/querybuilder/Components/Text/QueryDropDownForm.jsx
@@ -28,11 +28,13 @@ export default function QueryDropdownForm({ choices, id, child = false }) {
       index = children.findIndex((element) => element.id === id);
       children[index].type = newType;
       children[index].hasChildren = childChoices[newType].hasChildren;
+      children[index].children = [];
     } else {
       const index = newInputs.findIndex((element) => element.id === id);
       newInputs[index].type = newType;
       let hasChildren = levelZeroParameters[newType].hasChildren;
       newInputs[index].hasChildren = hasChildren;
+      newInputs[index].children = [];
     }
     setInputs(newInputs);
   };