paulstraw/FancySelect

Closing when clicking on scroll bar

Opened this issue · 9 comments

When the select has a max-height property and it creates a scrollbar, when clicking on the scrollbar to see the bottom items, the list disappear. Can the list only close when selecting one of the items only?

I'm also having the same issue. For example in ie11 (or any IE), when you click a dropdown and then use the arrows to move the list up or down it closes within 1 second or so. Does that for both the arrows and the scroll bar.
screen shot 2014-12-24 at 11 27 58 am

Same error here.

+1 ):

Seeing this in IE (9+, didn't test 8 or lower), Chrome & Safari. Only FF seems fine.

I was trying to debug this and the issue is with the close.fs trigger function. It may need to be broken out into two functions one for when you click an option list item it closes the dropdown and then one for clicking on the outside of the element to close.

Having this issue in FF and IE too.

Same here! I hope it'll be fixed.
Couldn't achieve a solution.

Yep, there is a problem with closing a options list when original select (tag ) lost focus, then options are hided. Fancy select is bad designed with that because tag with class "trigger" should be focusable but it is not, then tag with class with "options" should be child "trigger" element... Fast solution is remove handling "blur.fs", in code sel.on('blur.fs', function() { })

Thanks pepa-linha!
Have you tried it? is it working? I will give it a shot right away.