Skip to main content

Search and Top Navigation

#7303 closed bug (notabug)

Opened April 29, 2011 09:37PM UTC

Closed May 09, 2011 12:12PM UTC

Last modified May 10, 2011 12:03PM UTC

Suggestions too wide

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

The suggestion list is set to my screen width in my application which is very ugly.

I fixed it by changing Math.max to Max.min in _resizeMenu and it now works better for me.

I had problems replicating the bug (using chrome dev).

Attachments (0)
Change History (6)

Changed May 02, 2011 12:30PM UTC by scottgonzalez comment:1

owner: → nulvinge
status: newpending

Please provide a reduced test case showing the problem. Changing to Math.min() is not a solution as that will cut-off suggestions (or make them fall onto multiple lines unnecessarily).

Changed May 09, 2011 02:13AM UTC by madcapnmckay comment:2

Please see here for some further discussion.

Changed May 09, 2011 12:12PM UTC by scottgonzalez comment:3

resolution: → invalid
status: pendingclosed

You're using a 1.7 theme, update to the correct version based on the JS you're using.

Changed May 10, 2011 02:18AM UTC by madcapnmckay comment:4

Replying to [comment:3 scott.gonzalez]:

You're using a 1.7 theme, update to the correct version based on the JS you're using.

This is not the case for me I'm not using a theme. If there are specific css rules that need to be put on containers etc for this to work then they should be documented (maybe they are and i've just missed them). This looks like a legit bug to me though. Heres the simplest example i could come up with.

http://jsfiddle.net/Nkkzg/1/

The plugin knows the width of the input so why isn't it using it?

Changed May 10, 2011 09:52AM UTC by rdworth comment:5

See http://jqueryui.com/docs/Theming specifically "Since the framework styles only cover look and feel, plugin specific stylesheets are included that contain all the additional structural style rules required make the widget functional, such as dimensions, padding, margins, positioning and floats. Stylesheets for each plugin are located in the themes/base folder of the download and are named to match the plugin such as "ui.accordion.css". These styles must be carefully edited because they work in conjunction with the scripting and provide overrides of framework styles as needed."

Changed May 10, 2011 12:03PM UTC by scottgonzalez comment:6

I've created a ticket to update the docs for each individual plugin to mention to the required CSS.