Selectmenu: Incorrect size when original select has CSS width 100%

[spjonez]

Select list does not use the correct size when placed in an inline-block container with a specific width and the original select is set to width 100%.

Fiddle: ​http://jsfiddle.net/Mwzhs/

[spjonez]

To fix this bug make the following two changes:

Move lines 82/83 under this._setOption( "width", this.options.width ); currently the original element is hidden before the width is calculated so outerWidth reports an incorrect size.

In the original there is a slight difference in this code, the original set this.button.width and in 1.11 it sets outerWidth. I tested both versions and it's a few pixels off with outerWidth. It should be this:

if ( key === "width" ) {

if ( !value ) {

value = this.element.outerWidth();

}

this.button.width( value );

}

[tj.vantoll]

This seems reasonable to me as calling .width() and .outerWidth() on the original <select> element in this test case both return 300.

[Scott González]

PR: ​https://github.com/jquery/jquery-ui/pull/1296

[Scott González]

Selectmenu: Properly set width for button

Fixes #10145 Closes gh-1296

Changeset: 45e13ed208b3533e91d008789d61e5138501428a