Search jQuery

jQuery Forum

relst.jqu..

Autocomplete + dialog + scroll

in Using jQuery UI • 12 years ago

I use an autocomplete inside a dialog.
This all works fine, but not when I use the wheel on the mouse to scroll.
The autocomplete remains on the fixed position.

Example on http://jsbin.com/ivibi4/edit

Can I fix this with css?

I have this behavior in IE8 and FF 3.6

Replies(2)

dominique..

Réf.: Autocomplete + dialog + scroll

12 years ago

Hello,

No if you want to keep the scroll on the dialog, you cannot fix it with a css rule.
You have to trigger the scroll event on your dialog, and in the event function, you have to test if the focus is in the auto complete or not.
If the focus is in the auto complete field, cancel the event.
In the other case, make the default behavior.

It's a bug of the auto complete widget that should manage this case correctly :
Solution 1, on scroll, the list of the auto complete is displayed and the scroll is done on the list
or
Solution 2, the scroll event is ignored in the auto complete, but the list of value should be scrolled like the input field.

Regards,
Dominique VINCENT
http://www.toitl.com/

relst.jqu..

Reageren: Autocomplete + dialog + scroll

12 years ago

Hello,

Thanks for reply.
Based on your solutions I came up with this:

http://jsbin.com/ivibi4/5/edit

I added

$(".ui-dialog .ui-dialog-content").scroll(function(){
$(".ui-autocomplete-input").autocomplete("close");
});

to my code so all autocompletes will be closed on scrolling of the dialog
That's the correct behavior for my problem.

Top Reply

Response title

Attachments

jQuery Forum

Autocomplete + dialog + scroll

Replies(2)

Réf.: Autocomplete + dialog + scroll

Reageren: Autocomplete + dialog + scroll

Statistics

Tags

Actions