mobi / goponents

Angular UI Components for utilization in the Tangoe Platform
http://tangoe.design
MIT License
7 stars 20 forks source link

[BUG] Multi-Select 'Select All' Ignores Filtered List #899

Closed stolve closed 1 year ago

stolve commented 1 year ago

When using the multi select component (https://tangoe.design/ui-kit/forms/select#form-select-multiple), if a list is filtered and the users clicks the 'Select All' option, it applies every option in the list not just the expected results after the user has filtered.

Also the component needs to show the filtered count in the 'Select All' link (i.e. 'Select All 8 Results'). When nothing is filtered the count should still be displayed in the 'Select All' link. So if there are 100 total results in the list, when the dropdown is open then the link should display as 'Select All 100 Results'.

To Reproduce Steps to reproduce the behavior:

  1. Go to 'https://tangoe.design/ui-kit/forms/select#form-select-multiple'
  2. Click on the multi-select dropdown
  3. Type 'Sni'
  4. Click 'Select All'
  5. See error

Expected behavior Only the filtered (visible) options should be selected. For example, when clicking the 'Select All 8 Results', update code to only select those filtered 8 results and not the full list of options.