You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
When using multiple selection, the user may need to select multiple items from the menu - and signal that the selection is complete by closing the menu. If the application has to do significant work when the selection changes (e.g. accessing data from an API), then it would be useful to be able to react to selection changes in bulk only when the menu is closed rather than each time the user selects an individual item.
I tried implementing this logic by listening to the @blur event, but this does not get triggered when clicking outside the component. Also, we probably want to react immediately when items are de-selected by clicking the close button on chips.
Currently the component hosting the v-autocomplete or v-select does not have access to the v-select's menu state.
Proposed solution
Add a prop to v-select such as "supressChangesWhileMenuOpen". Alternatively, provide access to the underlying menu state with a prop+event so that the containing application can implement the custom logic.
The text was updated successfully, but these errors were encountered:
Problem to solve
When using multiple selection, the user may need to select multiple items from the menu - and signal that the selection is complete by closing the menu. If the application has to do significant work when the selection changes (e.g. accessing data from an API), then it would be useful to be able to react to selection changes in bulk only when the menu is closed rather than each time the user selects an individual item.
I tried implementing this logic by listening to the @blur event, but this does not get triggered when clicking outside the component. Also, we probably want to react immediately when items are de-selected by clicking the close button on chips.
Currently the component hosting the v-autocomplete or v-select does not have access to the v-select's menu state.
Proposed solution
Add a prop to v-select such as "supressChangesWhileMenuOpen". Alternatively, provide access to the underlying menu state with a prop+event so that the containing application can implement the custom logic.
The text was updated successfully, but these errors were encountered: