Merge pull request #1924 from ferrarirosso/issue-1847

Fixes #1847 - Multiple selections possible when allowMultipleSelection set to false
pnp · Dec 18, 2024 · ca83bc2 · ca83bc2
2 parents ac3d363 + df45373
commit ca83bc2
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
@@ -670,16 +670,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}
           />