Merge pull request #569 from MrSam/master

Introduce 'flex' width setting to auto size suggestion length

Author: Tomas Kirda

readme.md

@@ -52,7 +52,7 @@ The standard jquery.autocomplete.js file is around 13KB when minified.
   format suggestion entry inside suggestions container, optional.
 * `groupBy`: property name of the suggestion `data` object, by which results should be grouped.
 * `maxHeight`: Maximum height of the suggestions container in pixels. Default: `300`.
-* `width`: Suggestions container width in pixels, e.g.: 300. Default: `auto`, takes input field width.
+* `width`: Suggestions container width in pixels, e.g.: 300, `flex` for max suggestion size and `auto` takes input field width. Default: `auto`
 * `zIndex`: 'z-index' for suggestions container. Default: `9999`.
 * `appendTo`: container where suggestions will be appended. Default value `document.body`. Can be jQuery object, selector or HTML element. Make sure to set `position: absolute` or `position: relative` for that element.
 * `forceFixPosition`: Default: `false`. Suggestions are automatically positioned when their container is appended to body (look at `appendTo` option), in other cases suggestions are rendered but no positioning is applied.

src/jquery.autocomplete.js

@@ -742,6 +742,10 @@
             if (options.width === 'auto') {
                 width = that.el.outerWidth();
                 container.css('width', width > 0 ? width : 300);
+            } else if(options.width === 'flex') {
+		// Trust the source! Unset the width property so it will be the max length
+		// the containing elements.
+                container.css('width', '');
             }
         },