[Frontend] Display more values before truncating selected items
Summary
We want to display more values before truncating selected items as shown in the picture below.
Currently, we display 1 value and truncate immediately afterwards. Ideally, we should be able to display at least 2 values.
Screenshot
Context
See !147917 (comment 1834868720) for more context.
Implementation plan
We use a helper method for this getSelectedOptionsText
. We need to add a configuration to this, to specify the number of elements we want to display before truncating. This configuration is needed because the same method is being used by our actual filters and they need to display only 1 value due to spacing problems.
Verification
-
Go to https://gitlab.com/gitlab-org/govern/threat-insights-demos/verification-projects/verify-epic-3429/-/security/vulnerability_report -
Select multiple filters using the Enhanced Filtering -
Make sure we display +n more only after the third selection
Edited by Savas Vedova