Skip to main content

Search and Top Navigation

#15072 open bug ()

Opened October 06, 2016 05:46PM UTC

Last modified February 09, 2018 04:13PM UTC

Autocomplete scrolling does not work in IE/Edge

Reported by: Backslider23 Owned by:
Priority: minor Milestone: none
Component: ui.autocomplete Version: 1.11.3
Keywords: Cc:
Blocked by: Blocking:
Description

The demo on this page

http://jqueryui.com/autocomplete/#maxheight

does not work for me in IE. I am having the same problem in my app. When I click the down arrow a couple times, it just ends up scrolling back to the top.

Attachments (0)
Change History (3)

Changed October 12, 2016 05:03PM UTC by scottgonzalez comment:1

component: ui.coreui.autocomplete
status: newopen
summary: Autocomplete scrolling does not work in IEAutocomplete scrolling does not work in IE/Edge

Focus management in IE is notoriously painful. I'm not sure if this will actually get fixed.

Changed February 09, 2018 01:45AM UTC by rjollos comment:2

_comment0: When I try to scroll using down arrow the list autofocus the first element and autoscroll to the top. \ http://jsbin.com/janazosama/edit?html,output \ \ I found that if you comment this line: \ this.activeMenu.scrollTop( scroll + offset ); \ in _scrollIntoView: function( item ) \ the autoscroll to the top disappear \ 1518147787824978
_comment1: When I try to scroll using down arrow the list autofocus the first element and autoscroll to the top. \ http://jsbin.com/janazosama/edit?html,output \ \ I found that if you comment this line: \ {{{#!js \ this.activeMenu.scrollTop( scroll + offset ); \ in _scrollIntoView: function( item ) \ }}} \ the autoscroll to the top disappear \ 1518190278804220
_comment2: When I try to scroll using down arrow the list autofocus the first element and autoscroll to the top. \ http://jsbin.com/janazosama/edit?html,output \ \ I found that if you comment this line: \ {{{#!js \ this.activeMenu.scrollTop( scroll + offset );}}} \ at _scrollIntoView: function( item ) in **jquery-ui.js** \ \ the autoscroll to the top disappear 1518190330039632
_comment3: When I try to scroll using down arrow the list autofocus the first element and autoscroll to the top. \ http://jsbin.com/janazosama/edit?html,output \ \ I found that if you comment this line: \ \ \ {{{ \ this.activeMenu.scrollTop( scroll + offset ); \ }}} \ \ \ at _scrollIntoView: function( item ) in **jquery-ui.js** \ \ the autoscroll to the top disappear 1518192837023981

When I try to scroll using down arrow the list autofocus the first element and autoscroll to the top.

http://jsbin.com/janazosama/edit?html,output

I found that if you comment this line:

this.activeMenu.scrollTop( scroll + offset );

at _scrollIntoView: function( item ) in **jquery-ui.js**

the autoscroll to the top disappear

Changed February 09, 2018 03:34PM UTC by andresz74 comment:3

Replying to [comment:1 Scott González]:

Focus management in IE is notoriously painful. I'm not sure if this will actually get fixed.

It is not... I'm using jQueryUI 1.12.1 and still has this issue. I found how to fix it in the jquery-ui.js file but I can't use it in my project.