Opened 8 years ago

Closed 8 years ago

Last modified 8 years ago

#7303 closed bug (notabug)

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).

Change History (6)

comment:1 Changed 8 years ago by Scott González

Owner: set to 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).

comment:2 Changed 8 years ago by madcapnmckay

Please see here for some further discussion.

comment:3 Changed 8 years ago by Scott González

Resolution: invalid
Status: pendingclosed

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

comment:4 in reply to:  3 Changed 8 years ago by madcapnmckay

Replying to 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?

comment:5 Changed 8 years ago by rdworth

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."

comment:6 Changed 8 years ago by Scott González

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

Note: See TracTickets for help on using tickets.