Skip to main content

Search and Top Navigation

#7080 closed bug (worksforme)

Opened March 08, 2011 02:29AM UTC

Closed March 08, 2011 01:05PM UTC

Last modified March 08, 2011 08:06PM UTC

Autocomplete should place dropdown above text field if there is no space below field

Reported by: dlee Owned by:
Priority: minor Milestone: 1.9.0
Component: ui.autocomplete Version: 1.8.10
Keywords: Cc:
Blocked by: Blocking:
Description

We are using forms within a fixed layout that has an autocomplete field near the bottom of the page. Sometimes, the autocomplete drop down gets cut off at the bottom because there is no space for the drop down list.

The fix would be to intelligently place the dropdown below or above the text field depending on the amount of space available.

This would make the dropdown behavior consistent with virtually all native drop down implementations.

Attachments (0)
Change History (5)

Changed March 08, 2011 02:39AM UTC by dlee comment:1

Changed March 08, 2011 01:05PM UTC by scottgonzalez comment:2

resolution: → worksforme
status: newclosed

Use the position option to enable flipping: http://jsfiddle.net/ttueW/2/

Changed March 08, 2011 01:05PM UTC by scottgonzalez comment:3

component: ui.coreui.autocomplete

Changed March 08, 2011 07:53PM UTC by dlee comment:4

Thanks! That works. The "position" option should be documented in http://docs.jquery.com/UI/Autocomplete#options.

Changed March 08, 2011 08:06PM UTC by scottgonzalez comment:5

Indeed: #6933