Dropdown doesn't close when there is a large amount of data

[arethk]

You can see the problem in your codepen example: https://codepen.io/sagalbot/pen/opMGro

Change: options: ['foo','bar','baz'] to: options: ['foo','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz','bar','baz']

Then click inside the box, the dropdown will appear.
Then drag the scroll bar all the way down.
Then drag the scroll bar all the way up.
Now try to close the drop down, you can't without selecting something. I tried escape key, clicking away and clicking inside the textbox again but nothing will get be out of the drop down except selecting an item.

I hope this isn't a duplicate issue. Thanks

[angeliski]

Hey @arethk I could not reproduced that her.
Please, can you send information about your browser version?

[arethk]

I'm on Google Chrome Version 71.0.3578.98 (Official Build) (64-bit), which is the latest. My OS is Windows 10. The same issue happened on my work PC which is running Ubuntu 16. I made a youtube video of the issue, check it out:
https://www.youtube.com/watch?v=pOQRMNnWxQ4

Let me know if you need more info. Thanks.

[angeliski]

Oh, I can see now.
The problem happening when we click in the scroll bar, in my test I just scroll bar without interact with the select.

Cheers

[rajesh-gs]

this seems to happen when there is no data also. On the https://sagalbot.github.io/vue-select/docs/Basics/Values.html examples, click on 'Sorry no matching options' or 'the scrollbar. The popup doesn't close

[Fusseldieb]

this seems to happen when there is no data also. On the https://sagalbot.github.io/vue-select/docs/Basics/Values.html examples, click on 'Sorry no matching options' or 'the scrollbar. The popup doesn't close

Created a issue about that just now. Glad I'm not the only experiencing this. #736

[sagalbot]

Fixed by #703