Fixes #1847 - Fixed the issue in the TaxonomyTree

where the selection of multiple terms is allowed despite the allowMultipleSelection prop being set to false.
pnp · Dec 17, 2024 · df45373 · df45373
1 parent 873aa00
commit df45373
Showing 1 changed file with 8 additions and 3 deletions.
diff --git a/src/controls/modernTaxonomyPicker/taxonomyTree/TaxonomyTree.tsx b/src/controls/modernTaxonomyPicker/taxonomyTree/TaxonomyTree.tsx
@@ -653,16 +653,21 @@ export function TaxonomyTree(
         IChoiceGroupStyles
       > = { root: { flex: "1" }, flexContainer: { width: "100%" } };
 
+      const getSelectedKey = (): string | null => {
+        const selectedItems = props.selection?.getSelection() as ITermInfo[] | undefined;
+        return selectedItems?.[0]?.id ?? null;
+      };
+
+
+
       return (
         <FocusZone
           direction={FocusZoneDirection.horizontal}
           className={styles.taxonomyItemFocusZone}
         >
           <ChoiceGroup
             options={options}
-            selectedKey={
-              props.selection && props.selection.getSelection()[0]?.id
-            }
+            selectedKey={getSelectedKey()}
             disabled={isDisabled}
             styles={choiceGroupStyles}
           />