Issue 12752

Dataset and Species autocomplete look ugly with long suggestions

Reporter: fmendez
Assignee: kbraak
Type: Bug
Summary: Dataset and Species autocomplete look ugly with long suggestions
Description: If one of the suggested values exceed the pre-determined component lenght, the text is shown out of the autocomplete area.
Priority: Major
Resolution: Fixed
Status: Closed
Created: 2013-02-19 10:36:49.969
Updated: 2013-08-29 14:44:52.215
Resolved: 2013-03-13 11:07:29.196

Attachment Screen Shot 2013-03-06 at 5.43.26 PM.png

Attachment Screen Shot 2013-03-07 at 5.45.53 PM.png

Created: 2013-03-06 17:51:06.564
Updated: 2013-03-06 17:51:06.564
Please see my proposal [] and [] Please note this isn't committed yet.

As seen in the screenshot, I propose to:

-Extend the length of the autosuggest list to capture longer titles without truncating
-Make autosuggest width similar to input width
-Give the autosuggest a clean simple design, similar to that used by Facebook and Expedia

Still have to figure out how to truncate extra-long titles showing "Title extra lo..." 

Comment: very nice, i really prefer this new style, we just need to be sure that looks ok in occurrence search page; keep in mind that in that page the input has a different width therefore the autocomplete width should be relative to the input which is attached; i.e.: can't have a fixed size.
Created: 2013-03-07 09:32:49.688
Updated: 2013-03-07 09:32:49.688

Created: 2013-03-07 11:25:32.541
Updated: 2013-03-07 11:25:32.541
can we add some config parameter to the autocomplete widget for the width or define it locally in some CSS?
Nice layout!

Created: 2013-03-07 17:47:09.504
Updated: 2013-03-07 17:47:09.504
Changes committed in

Notice truncation is now happening for dataset search only (see screenshot).

Comment: Work on this issue is finished. Additional work will be carried out in POR-526 to cleanup and merge the various autosuggest javascript files. 
Created: 2013-03-13 11:07:29.231
Updated: 2013-03-13 11:07:29.231