Vue-multiselect: Is there a way to disable the new behaviour where the "dropdown" becomes a "dropup"?

[jazoom]

I've noticed that in the new beta the dropdown actually goes up on short devices. This isn't helpful because there's actually about 5px of room above the multiselect box so almost all of the "dropup" is hidden.

I just want it to dropdown.

[shentao]

Oh, my bad. Didn’t thought about such case, sorry! I will introduce a prop for controlling this behavior. Thanks for noticing!

[jazoom]

My pleasure. I'll await your fix.

[jazoom]

Shouldn't this be considered a bug since the behaviour I'm seeing is dropup where there is no space (essentially you can't see it) when there is about half a phone screen worth of space underneath? It also breaks the rule of least surprise.

I don't think we can really call this an "enhancement".

[nikolaynesov]

We started testing the app on mobile phones and it became a problem. We use vue-multiselect on a lot of pages and that became unusable. It is hard to interact with dropup. I think the best way for mobiles would be to make the dropdown after clicking on it a full-screen with the cross to close it and probably the search field. But for now is it possible to add an option to disable dropup in next beta?

[shentao]

Planning to introduce this in the next beta.

[hurradieweltgehtunter]

did you do anything there yet? Having the same problem.
ty

[jazoom]

Is this still going to be implemented?

[shentao]

Implemented. Will be available in the next release.

[gerardreches]

I can't find a prop for this in the docs. How was it named?

[shentao]

open-direction="bottom"

[gerardreches]

Hmm... I'm trying with open-direction="up" and the options still opens below the select.

[shentao]

Oh sorry, should have mentioned it. The value should be top or above.