When vue-multiselect component is rendered inside a parent or ancestor element with overflow property set to scroll or hidden and when dropdown options are rendered above position then part of the options become invisible.
I've actually figured out where the problem is but haven't had a chance to prepare a pull-request. The problem is that vue-multiselect is making calculations based on the position of it on the screen (via getBoundingClientRect). Instead it should find the first ancestor with overflow property that is not visible and use that as reference.
Reproduction Link
https://codesandbox.io/s/vuemultiselect-issue-txjr4
When vue-multiselect component is rendered inside a parent or ancestor element with overflow property set to scroll or hidden and when dropdown options are rendered above position then part of the options become invisible.
I've actually figured out where the problem is but haven't had a chance to prepare a pull-request. The problem is that vue-multiselect is making calculations based on the position of it on the screen (via getBoundingClientRect). Instead it should find the first ancestor with overflow property that is not visible and use that as reference.