AEM CF Editor – Tag Selector UX Issues leading to incorrect tag selection and confusing UI behavior
Description
We have identified UX inconsistencies in the Tag Selector component within the new Content Fragment Editor in AEM as a Cloud Service.
These issues are causing confusion for authors and may lead to incorrect tagging of content.
We have identified UX inconsistencies in the Tag Selector component within the new Content Fragment Editor in AEM as a Cloud Service.
These issues are causing confusion for authors and may lead to incorrect tagging of content.
Issue 1: Tag Selection and Expansion Behavior
Current Behavior
- Clicking on a tag label performs two actions simultaneously:
- Expands the tag hierarchy
- Automatically selects/adds the tag value
- Clicking specifically on the left arrow icon only expands the tag (expected behavior)
Expected Behavior
- Clicking on a tag label should only expand/collapse the hierarchy
- Tag selection should be a separate explicit action (e.g., checkbox selection)
Impact
- Authors may unintentionally select incorrect tags
- Leads to data inconsistency in content tagging
- Increases manual correction effort and validation overhead
Issue 2: Incorrect Expansion Indicator (Arrow Icon)
Current Behavior
- Tags display an expand arrow icon, even when:
- No child tags are available
Expected Behavior
- Expand arrow should be displayed only for tags that have child nodes
Impact
- Creates confusion for authors
- Leads to unnecessary clicks and poor user experience
Comparison with Classic Editor
- Classic CF Editor provides:
- Clear separation between expand vs select actions
- Checkbox-based selection, making intent explicit
- More intuitive and predictable UI behavior
Steps to Reproduce
- Open Content Fragment in the new CF Editor
- Navigate to the Tag Selector
- Click on a tag label
- Observe that the tag is both selected and expanded
- Expand tags that do not have children
- Observe that an arrow icon is still displayed
Proposed Enhancement / Recommendation
- Decouple tag expansion and selection behavior
- Introduce explicit selection mechanism (checkbox or similar)
- Remove expansion arrows for tags without children
- Align UX with classic CF editor behavior