feat(forms): add filterable dropdown for roles in comment and assign … #34475
+14
−1
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Summary
Add search/filter capability to the roles dropdown in the comment and assign form, improving usability when working with workflows that have many assignable roles.
Changes Made
Frontend
dot-comment-and-assign-form.component.htmlwith PrimeNG filter functionalityfilter,filterBy, andfilterPlaceholderproperties to enable searchable dropdownTechnical Details
This is a UX improvement that leverages PrimeNG's built-in dropdown filtering capabilities. The change adds three properties to the existing
p-dropdowncomponent:[filter]="true"- Enables the filter input boxfilterBy="label"- Configures filtering to match against the role's label property[filterPlaceholder]="'search' | dm"- Displays localized "search" placeholder text using dotCMS'sdmpipeThe dropdown already uses
appendTo="body"to prevent z-index issues, which ensures the filter input will render correctly in modal contexts.Breaking Changes
None
Testing
Related Issues
Closes #33061
Additional Notes
This is a minimal, focused change that improves the user experience without modifying any business logic or data structures. The PrimeNG dropdown component handles all filter functionality internally, making
this a low-risk enhancement.