diff --git a/src/visualBuilder/components/FieldToolbar.tsx b/src/visualBuilder/components/FieldToolbar.tsx index a72b6538..c4196cb2 100644 --- a/src/visualBuilder/components/FieldToolbar.tsx +++ b/src/visualBuilder/components/FieldToolbar.tsx @@ -152,6 +152,7 @@ function FieldToolbarComponent( let fieldType = null; let isWholeMultipleField = false; let isMultipleSelect = false; + let isTaxonomyField = false; const APP_LIST_MIN_WIDTH = 230; let disableFieldActions = false; @@ -196,10 +197,12 @@ function FieldToolbarComponent( isCustomFieldWholeMultiple = fieldType === FieldDataType.CUSTOM_FIELD && isMultiple && isWholeMultipleField; - // A multiple Select edits as one field, so a value click gets the whole-field toolbar. + // A multiple Select or Taxonomy edits as one value, so a value click gets the whole-field toolbar. isMultipleSelect = fieldType === FieldDataType.SELECT && isMultiple; + // Taxonomy is always multiple, so unlike Select no isMultiple check is needed. + isTaxonomyField = fieldType === FieldDataType.TAXONOMY; - if (isCustomFieldWholeMultiple || isMultipleSelect) { + if (isCustomFieldWholeMultiple || isMultipleSelect || isTaxonomyField) { isModalEditable = true; } else { isModalEditable = ALLOWED_MODAL_EDITABLE_FIELD.includes(fieldType) && !isWholeMultipleField; @@ -263,9 +266,9 @@ function FieldToolbarComponent( // propagation to be stopped, should ideally only attach onClick to fieldpath dropdown e.preventDefault(); e.stopPropagation(); - // Multiple Select is edited as one value; a value click must not bind to its index + // Multiple Select and Taxonomy are edited as one value; a value click must not bind to its index handleEdit( - isMultipleSelect + isMultipleSelect || isTaxonomyField ? { ...fieldMetadata, instance: { @@ -514,7 +517,7 @@ function FieldToolbarComponent( disabled={disableFieldActions} /> ) : null} - {isMultiple && !isWholeMultipleField && !isMultipleSelect ? ( + {isMultiple && !isWholeMultipleField && !isMultipleSelect && !isTaxonomyField ? ( <>