Vue-multiselect: Options become invisible when rendered inside a parent with overflow scroll or hidden

[katranci]

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.

[gheithen]

Have you made a fix for this issue, if so, can you please share?

[skattabrain]

Has a PR been opened for this? We are experiencing this as all.

[jwkicklighter]

Bump