From db5372477e39d3fdca4515c66402ae52d477afbf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?C=C3=A9dric=20Krier?= <ced@b2ck.com>
Date: Fri, 2 Oct 2015 14:32:53 +0200
Subject: [PATCH] Avoid to wrap element into div for InputCompletion

The div is only needed if it receive an input element otherwise the element can
receive the dropdown class. This avoid to increase the DOM depth and keep the
original display of the element.
---
 src/common.js | 9 +++++++--
 1 file changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/common.js b/src/common.js
index c949a93980..3dcd8847ec 100644
--- a/src/common.js
+++ b/src/common.js
@@ -2937,8 +2937,13 @@
 
     Sao.common.InputCompletion = Sao.class_(Object, {
         init: function(el, source, match_selected, format) {
-            el.wrap('<div class="dropdown"/>');
-            this.dropdown = el.parent();
+            if (!el.is('input')) {
+                el.addClass('dropdown');
+                this.dropdown = el;
+            } else {
+                el.wrap('<div class="dropdown"/>');
+                this.dropdown = el.parent();
+            }
             this.input = el.find('input').add(el.filter('input')).first();
             // bootstrap requires an element with data-toggle
             jQuery('<span/>', {