When using the search functionality in the advanced filter, the user should be able to select the filter item they searched for.
Current Behavior
After searching, and the user is about to select a filter item, the Filter Group component rerenders, and the user won't be able to select any items. Relevant issue
Possible Solution
Remove onBlur on the Search component. Introduce a useClickOutside hook. Attach a ref for the whole FilterGroup the hook listens to, and if the user clicks outside of the entire FilterGroup, search component will be closed and hidden.
Steps to Reproduce
Go to PBI report/Work space
Open Advanced filter
Choose a filter group with search option
Search for something, try to select a filter item.
Expected Behavior
When using the search functionality in the advanced filter, the user should be able to select the filter item they searched for.
Current Behavior
After searching, and the user is about to select a filter item, the Filter Group component rerenders, and the user won't be able to select any items. Relevant issue
Possible Solution
Remove
onBlur
on the Search component. Introduce a useClickOutside hook. Attach a ref for the wholeFilterGroup
the hook listens to, and if the user clicks outside of the entire FilterGroup, search component will be closed and hidden.Steps to Reproduce