At.js icon indicating copy to clipboard operation
At.js copied to clipboard

clicking on scrollbar causes dropdown to close

Open SirbitoX opened this issue 9 years ago • 14 comments

Hi,

I'm using at.js on windows 7/chrome : Version 43.0.2357.124 m When I try to scroll the loaded list, it disappears. But it works fine in Firefox. Any one knows the reason??

SirbitoX avatar Jun 11 '15 05:06 SirbitoX

It must be because of the input scrolling. I can't reappear it. Please try on Mac/Chrome if you could, thanks.

ichord avatar Jun 13 '15 02:06 ichord

In fact when I click on sidebar in chrome, the list disappears.

SirbitoX avatar Jun 17 '15 14:06 SirbitoX

Click on anywhere outside of the list will make the list disappear; It's not an issue.

ichord avatar Jun 19 '15 01:06 ichord

@ichord did you read my comment at all?? I said when you try to scroll the loaded list by clicking on SIDEBAR of THE LIST it disappears not outside of the list. SCROLL-BAR is a part of the loaded list and INSIDE it.

SirbitoX avatar Jun 21 '15 04:06 SirbitoX

:-1: @SirbitoX is right. It is a bug, You should fix it.

saeedsq avatar Jun 21 '15 10:06 saeedsq

@SirbitoX First time, you said you try to scroll the loaded list, but you didn't tell how to. And then you said

In fact when I click on sidebar in chrome whose sidebar?? Browser ? textarea? list view?

This one is way better.

I said when you try to scroll the loaded list by clicking on SIDEBAR of THE LIST it disappears not outside of the list. SCROLL-BAR is a part of the loaded list and INSIDE it.

I will be extremely grateful if you could show me an gif showing what happened.

Please tell me more if i misunderstand anything, this :-1: is not going to help. @saeedsq

ichord avatar Jun 21 '15 12:06 ichord

@ichord You are right. My first comment is not precise enough. But when I'm talking about the loaded list, definitely I mean the sidebar of it. I don't have any tool to create a gif file right now. I try to describe it precisely again if it helps:

  • First of all add some css to strict the height of the loaded list:
.ui-autocomplete {
    max-height: 200px;
    overflow-y: scroll;
}
  • Then use "Chrome" browser. When the list appears try to scroll the list to choose an item in the bottom of the list and you would see that the loaded list disappears. This issue doesn't occur in the other browsers.

SirbitoX avatar Jun 24 '15 07:06 SirbitoX

interesting talk :yum:

Edward-Shaw avatar Jan 07 '16 11:01 Edward-Shaw

I am experiencing this bug with IE11. Any updates on fixing this? Here is a gif about it.

atjs_dropdown_bug

tumetus avatar Sep 12 '16 08:09 tumetus

I am also facing same issue on Safari and Mozila as well.

sampatbadhe avatar Nov 02 '16 18:11 sampatbadhe

Also experiencing on IE11. Identical problem to tumetus' animated GIF.

aluchenitser avatar Jul 07 '17 20:07 aluchenitser

@ichord this library is incredible.

commenting line return c.view.hide(e, c.getOpt("displayTimeout")) for 'blur.atwhoInner' event in js file did the trick for me.

I don't know why clicking on scroll, the control goes to 'blur.atwhoInner' event.

agusain avatar Aug 03 '17 12:08 agusain

thanks @agusain, it has solved my problem.

fselcukcan avatar Aug 16 '17 10:08 fselcukcan

Changed the bootstrap typeahead version and it worked.

bootstrap3-typeahead.min.js

gowritumma avatar Aug 28 '19 22:08 gowritumma