comboLookupEdit fix

priv/js/comboLookup.js

@@ -54,6 +54,8 @@ function comboSelect(uid, dom, row, feed, mod, id) {
     comboSelectVector(...arguments);
   } else if (elem.parentNode.parentNode.getAttribute('data-group-input')) {
     comboSelectGroup(...arguments);
+  } else if (elem.parentNode.parentNode.parentNode.getAttribute('data-edit-input') && elem.parentNode.parentNode.parentNode.getAttribute('multiple') === "true") {
+    comboSelectVector(...arguments); comboCloseFormById(`${dom}_form`);
   } else {
     comboSelectDefault(...arguments);
   }
@@ -138,8 +140,8 @@ function comboSelectVector(uid, dom, row, feed, mod, id) {
       }
     }
   }
-}
 
+}
 
 function comboSelectGroup(uid, dom, row, feed, mod, id) {
   const selected = qi(id);
@@ -188,7 +190,6 @@ function comboLookupKeydown(uid, dom, feed, mod) {
     if (event.key == 'Meta')  { return }
     if (event.key == 'Alt')   { return }
     if (event.key == 'Shift') { return }
-    if (event.key == 'Enter') { return }
     var dropdown = qi(dom).closest('.dropdown');
     var char = event.which || event.keyCode;
     if (qi(dom).value == '' && event.key == 'Backspace') { return }
@@ -226,7 +227,6 @@ function comboLookupKeyup(uid, dom, feed, mod) {
     if (event.key == 'Meta')  { return }
     if (event.key == 'Alt')   { return }
     if (event.key == 'Shift') { return }
-    if (event.key == 'Enter') { return }
     if (event.key == 'Tab') { dropdown.classList.remove('dropdown-open'); return }
     var char = event.which || event.keyCode;
     if (char == 27 || (char == 8 || char == 46) && qi(dom).value == '') { 
@@ -279,6 +279,12 @@ function clearInput(dom) {
   }
   comboLookupChange(dom);
   comboClear(dom);
+
+  if (input && input.getAttribute('data-update')) {
+    let update = dec(unbase64(input.getAttribute('data-update')));
+    update.v[5] = atom('skip');
+    direct(update);
+  }
 }
 
 function comboLookupModifyValues(listId) {

priv/js/sortable.js

@@ -229,7 +229,8 @@ function getSortableValues(list) {
 
 function appendItemFromBind(dom,value,bind) {
   var sortable = SortableMap.get('#'+dom);
-  var isAdded = sortable.items.map(el => el.textContent).includes(value || {"text": value, "bind": bind});
+  var isAdded = sortable.items.map(el => el.textContent).includes(value || {"text": value, "bind": bind}) ||
+                sortable.items.map(el => el.getAttribute("data-bind")).includes(bind);
   if(!isAdded) {
     var template = document.createElement('template');
     template.innerHTML =
@@ -246,4 +247,4 @@ function appendItemFromBind(dom,value,bind) {
     sortable.list.appendChild(new_item);
     sortable.items.push(new_item);
   }
-}
+}

src/elements/combo/element_comboLookupEdit.erl

@@ -13,21 +13,12 @@ render_element(#comboLookupEdit{id=Id, input=Input, disabled=Disabled, validatio
     #panel{
       id = Id,
       validation = Validation,
-      data_fields = [{<<"data-edit-input">>,<<"data-edit-input">>}],
+      data_fields = [{<<"data-edit-input">>,<<"data-edit-input">>}, {<<"multiple">>,Multiple}],
       body = [
         #panel{
           style = "display: flex; position: relative; width: 100%; justify-content: center;",
           body =
             [ Input,
-              case Multiple of
-                true ->
-                  #link{
-                    class = [button, sgreen, 'add-btn'],
-                    style = "min-width: 40px; text-align: center; height: fit-content; margin-left: 5px;",
-                    onclick = nitro:jse("addSortableItemFrom('#" ++ ListId ++ "', '" ++ InputId ++ "')"),
-                    body = <<"+">>};
-                false -> []
-              end,
               case Disabled of
                 true -> [];
                 _ ->