zurb/foundation — pull request #1322 by daftspunk (2012-12-22 03:18:05+00:00)
Title: Fix to custom dropdown

There is an issue with the logic in foundation.forms. Take standard example:

```

Pick One

Pick One One One

Pick One One

```

The custom markup determines it's width by using ``width:inherit``

```js
//
// Update the custom

list width property.
//
$customList.css( 'width', 'inherit' );
//
// Set the custom select width property.
//
$customSelect.css( 'width', 'inherit' );
```

Now take this example:

```

Pick One

Pick One One One

Pick One One

```

The *inherited* width inside a container with ``six columns`` is 50%, so the custom drop down render with a calculated width of 50%. (Tested in Firefox/Windows)

I propose using ``width:auto`` instead which produces a consistent result for both scenarios.