From e1833464fc8c0e95aaf4a16934481ccb1c59e0fc Mon Sep 17 00:00:00 2001
From: emilkarolak <emilkarolak@gmail.com>
Date: Thu, 27 Mar 2014 11:37:59 +0100
Subject: [PATCH] Update jquery.fancyform.js

Now you can have onlu one call for transforming select's and you can set every select width separately by setting width of transformed select. Ex: <select name="select" id="select" style="width: 200px;"><option value="0">Option 1</option><option value="1">Option 2</option></select>
---
 dev/jquery.fancyform.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/dev/jquery.fancyform.js b/dev/jquery.fancyform.js
index 2968533..840cf50 100644
--- a/dev/jquery.fancyform.js
+++ b/dev/jquery.fancyform.js
@@ -352,7 +352,7 @@
                     }
 
                     // Maak een ul aan
-                    var ul = "<ul class='" + options.dropDownClass + " trans-element'><li>";
+                    var ul = "<ul class='" + options.dropDownClass + " trans-element' style='width: " + t.css('width') + ";'><li>";
 
                     if (options.acceptManualInput && !_touch) {
                         var value = t.data("value") || options.initValue.call(selectedOption);
@@ -423,7 +423,7 @@
                     $ul.find("span:first").click(method.openDrop);
 
                     // Set data if we use addDropdownToBody option
-                    $ul.find("ul:first").data("trans-element", $ul).addClass("transformSelectDropdown");
+                    $ul.find("ul:first").data("trans-element", $ul).addClass("transformSelectDropdown").css('width', t.width());
                     $ul.data("trans-element-drop", $ul.find("ul:first"));
 
                     if (options.addDropdownToBody) {