[erp5_web_renderjs_ui] RelationInput: always listen to the click event

This allow to separate management of click/blur events.
Blur is only used to remove the li elements.
Click check if user selected a li element.

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_relation_input_js.js

 /*jslint indent: 2, maxerr: 3, nomen: true, maxlen: 80 */
 /*global window, rJS, RSVP, URI, Handlebars,
- SimpleQuery, ComplexQuery, Query, QueryFactory, promiseEventListener*/
-(function (window, rJS, RSVP, URI, promiseEventListener,
+ SimpleQuery, ComplexQuery, Query, QueryFactory*/
+(function (window, rJS, RSVP, URI,
   SimpleQuery, ComplexQuery, Query, QueryFactory, Handlebars) {
   "use strict";
 
@@ -286,40 +286,20 @@
     /////////////////////////////////////////////////////////////////
     // declared services
     /////////////////////////////////////////////////////////////////
-    .onEvent('blur', function () {
+    .onEvent('click', function (evt) {
       var gadget = this,
-        ul,
-        new_state = {
-          has_focus: false
-        };
-
-      if (!gadget.state.editable) {
-        return;
-      }
-
-      ul = gadget.element.querySelector(".search_ul");
-      return new RSVP.Queue()
-        .push(function () {
-          return RSVP.any([
-
-            new RSVP.Queue()
-              .push(function () {
-                return RSVP.delay(200);
-              })
-              .push(function () {
-                return gadget.changeState(new_state);
-              }),
-
-            new RSVP.Queue()
-              .push(function () {
-                return promiseEventListener(ul, "click", true);
-              })
-              .push(function (event) {
-                // Check which 'li' element was clicked
-                var li = event.target,
-                  data_relative_url = li.getAttribute("data-relative-url"),
-                  data_uid = li.getAttribute("data-uid"),
-                  data_portal_type = li.getAttribute("data-create-object"),
+        li,
+        data_relative_url,
+        data_uid,
+        data_portal_type,
+        data_explore,
+        new_state = {};
+
+      if (evt.target.tagName.toLowerCase() === 'li') {
+        li = evt.target;
+        data_relative_url = li.getAttribute("data-relative-url");
+        data_uid = li.getAttribute("data-uid");
+        data_portal_type = li.getAttribute("data-create-object");
         data_explore = li.getAttribute("data-explore");
 
         // User want to create a new document
@@ -362,20 +342,17 @@
               });
             });
         }
+      }
+    }, false, false)
 
-                // No idea what has been clicked...
-                return gadget.changeState({
+    .onEvent('blur', function (evt) {
+      if (evt.target === this.element.querySelector(".search_ul")) {
+        return this.changeState({
           has_focus: false
         });
-              })
-              .push(function () {
-                return gadget.notifyChange();
-              })
-          ]);
-        });
+      }
     }, true, false)
 
-
     .declareMethod('checkValidity', function () {
       return true;
     })
@@ -412,5 +389,5 @@
         });
     }, true, false);
 
-}(window, rJS, RSVP, URI, promiseEventListener,
+}(window, rJS, RSVP, URI,
   SimpleQuery, ComplexQuery, Query, QueryFactory, Handlebars));

bt5/erp5_web_renderjs_ui/PathTemplateItem/web_page_module/rjs_gadget_erp5_relation_input_js.xml

@@ -236,7 +236,7 @@
             </item>
             <item>
                 <key> <string>serial</string> </key>
-                <value> <string>955.20665.33421.35549</string> </value>
+                <value> <string>955.62393.33328.52019</string> </value>
             </item>
             <item>
                 <key> <string>state</string> </key>
@@ -254,7 +254,7 @@
                     </tuple>
                     <state>
                       <tuple>
-                        <float>1479294380.88</float>
+                        <float>1481711639.59</float>
                         <string>UTC</string>
                       </tuple>
                     </state>