release 3.5.0

Author: interactivellama

DETAILS.md

@@ -30,7 +30,7 @@ Fuel UX can be applied to a section of your your HTML or the entire page by addi
 ## Downloading code
 Fuel UX can be obtained in any of the following ways:
 
-* Request files from [the Fuel UX CDN](http://www.fuelcdn.com/fuelux/3.4.0/)
+* Request files from [the Fuel UX CDN](http://www.fuelcdn.com/fuelux/3.5.0/)
 * Using [Bower](https://github.com/bower/bower) (ensures you get all the [dependencies](#dependencies)):
 
    ```
@@ -53,7 +53,7 @@ Fuel UX can be obtained in any of the following ways:
 
    Cloning the repository ensures you can apply future updates to Fuel UX easily, but requires to you manage its [dependencies](#dependencies) on your own.
 
-* Download a .zip archive of the [latest release](http://www.fuelcdn.com/fuelux/3.4.0/fuelux.zip).
+* Download a .zip archive of the [latest release](http://www.fuelcdn.com/fuelux/3.5.0/fuelux.zip).
 
 ## AMD support
 
@@ -63,7 +63,7 @@ If using AMD (such as [RequireJS](http://requirejs.org)), reference the FuelUX d
 ```javascript
 require.config({
     paths: {
-        'fuelux': 'http://www.fuelcdn.com/fuelux/3.4.0/'
+        'fuelux': 'http://www.fuelcdn.com/fuelux/3.5.0/'
         //...
     }
 });

README.md

@@ -32,18 +32,18 @@ Add `fuelux` class to the portion of the page using Fuel UX as seen [here](https
 Ensure all the dependencies are included on the page (eg, such as using the CDN as shown below).
 ```
 <link href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet">
-<link href="//www.fuelcdn.com/fuelux/3.4.0/css/fuelux.min.css" rel="stylesheet">
+<link href="//www.fuelcdn.com/fuelux/3.5.0/css/fuelux.min.css" rel="stylesheet">
 
 <script src="//ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.js"></script>
 <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.2.1/js/bootstrap.min.js"></script>
-<script src="//www.fuelcdn.com/fuelux/3.4.0/js/fuelux.min.js"></script>
+<script src="//www.fuelcdn.com/fuelux/3.5.0/js/fuelux.min.js"></script>
 
 ```
 
 ### Install
 A few ways available to install.
 
-- Request files from [the Fuel UX CDN](http://www.fuelcdn.com/fuelux/3.4.0/)
+- Request files from [the Fuel UX CDN](http://www.fuelcdn.com/fuelux/3.5.0/)
 - [Download the latest release](https://github.com/exacttarget/fuelux/archive/3.4.0.zip).
 - Clone the repo: `git clone https://github.com/exacttarget/fuelux.git`.
 - Install with [Bower](http://bower.io): `bower install fuelux`.

bower.json

@@ -1,7 +1,7 @@
 {
   "name": "fuelux",
   "description": "Extending Bootstrap with additional lightweight JavaScript controls.",
-  "version": "3.4.0",
+  "version": "3.5.0",
   "keywords": [
     "application",
     "bootstrap",

dist/css/fuelux.css

@@ -1,5 +1,5 @@
 /*!
- * Fuel UX v3.4.0
+ * Fuel UX v3.5.0
  * Copyright 2012-2015 ExactTarget
  * Licensed under the BSD-3-Clause license ()
  */
@@ -2201,11 +2201,12 @@
 			this.$button = this.$element.find( '.btn.dropdown-toggle' );
 			this.$hiddenField = this.$element.find( '.hidden-field' );
 			this.$label = this.$element.find( '.selected-label' );
+			this.$dropdownMenu = this.$element.find( '.dropdown-menu' );
 
 			this.$element.on( 'click.fu.selectlist', '.dropdown-menu a', $.proxy( this.itemClicked, this ) );
 			this.setDefaultSelection();
 
-			if ( options.resize === 'auto' ) {
+			if ( options.resize === 'auto' || this.$element.attr( 'data-resize' ) === 'auto' ) {
 				this.resize();
 			}
 		};
@@ -2271,31 +2272,17 @@
 			},
 
 			resize: function() {
-				var newWidth = 0;
-				var sizer = $( '<div/>' ).addClass( 'selectlist-sizer' );
-				var width = 0;
+				var width = this.$dropdownMenu.outerWidth();
 
-				if ( Boolean( $( document ).find( 'html' ).hasClass( 'fuelux' ) ) ) {
-					// default behavior for fuel ux setup. means fuelux was a class on the html tag
-					$( document.body ).append( sizer );
+				if ( this.$button.outerWidth() > width ) {
+					var btnWidth = this.$button.outerWidth();
+					this.$dropdownMenu.css( 'width', btnWidth );
 				} else {
-					// fuelux is not a class on the html tag. So we'll look for the first one we find so the correct styles get applied to the sizer
-					$( '.fuelux:first' ).append( sizer );
+					this.$button.css( 'width', width );
+					this.$dropdownMenu.css( 'width', width );
 				}
 
-				// iterate through each item to find longest string
-				this.$element.find( 'a' ).each( function() {
-					sizer.text( $( this ).text() );
-					newWidth = sizer.outerWidth();
-					if ( newWidth > width ) {
-						width = newWidth;
-					}
-				} );
-
-				sizer.remove();
 
-				//TODO: betting this is somewhat off with box-sizing: border-box
-				this.$label.width( width );
 			},
 
 			selectedItem: function() {

dist/css/fuelux.css.map

@@ -76,7 +76,7 @@
     "test": "grunt travisci"
   },
   "title": "Fuel UX",
-  "version": "3.4.0",
+  "version": "3.5.0",
   "volo": {
     "baseDir": "lib",
     "dependencies": {