Is there a prop to hide the search bar?

[123survesh]

Currently the select component takes up so much space when its sitting idle. I managed to reduce some width by hiding the actions toolbar (would like if there is a prop for this). And then the major space stealer is the search bar.

It would be nice if we can just show the searchbar when the drop down is open and not when its closed. Am I missing any props or styling options that are available?

[sagalbot]

This is a side effect of the not so great focus system currently in place. The open/closed state is determined by focus on the search input. So the search input needs to exists in order to open the component. In v4 this will be changed and the out div will be the focusable element. You can solve the issue with CSS in your application, but it's a pain.

[123survesh]

Good to know, thanks for the update. Will go with a css hack for now and will migrate to v4 when it comes out. Thanks for the vue-select component, its really good 🙂.

If possible in the future I would request the ability to share a single option array with multiple vue-select components, so that selecting an option in one will make it unavailable in others.