Click association item the cursor focus on search input. and page always scroll to bottom.

[kamwing]

when i click association item the cursor will focus on selectize search input.

I think this is conflict with reorder item feature. ( in the case of many items ) and i click any of item the page will scroll down and focus on search input.

[nilshoerrmann]

Which version are you using?

[kamwing]

version 1.1.0

[nilshoerrmann]

Thanks. My guess is that this is a conflict with the Selectize plugin. I'll have a look next week.

[kamwing]

Is the selectize plugin's input field in the label tags issue?

[nilshoerrmann]

Selectize tends to always open the search as soon as anything changed in the selection. We are actively stopping this behaviour and though we hide the dropdown already, it seems like the focus get still set to the search.

[kamwing]

hi @nilshoerrmann :)
I was reformat /symphony/assets/js/symphony.min.js and find the Selectize code in lines from 4152 to 4162

setActiveItem: function(b, c) {
    var d, e, f, g, h, i, j, k, l = this;
    if ("single" !== l.settings.mode) {
        if (b = a(b), !b.length) return a(l.$activeItems).removeClass("active"), l.$activeItems = [], void(l.isFocused && l.showInput());
        if (d = c && c.type.toLowerCase(), "mousedown" === d && l.isShiftDown && l.$activeItems.length) {
            for (k = l.$control.children(".active:last"), g = Array.prototype.indexOf.apply(l.$control[0].childNodes, [k[0]]), h = Array.prototype.indexOf.apply(l.$control[0].childNodes, [b[0]]), g > h && (j = g, g = h, h = j), e = g; h >= e; e++) i = l.$control[0].childNodes[e], -1 === l.$activeItems.indexOf(i) && (a(i).addClass("active"), l.$activeItems.push(i));
            c.preventDefault()
        } else "mousedown" === d && l.isCtrlDown || "keydown" === d && this.isShiftDown ? b.hasClass("active") ? (f = l.$activeItems.indexOf(b[0]), l.$activeItems.splice(f, 1), b.removeClass("active")) : l.$activeItems.push(b.addClass("active")[0]) : (a(l.$activeItems).removeClass("active"), l.$activeItems = [b.addClass("active")[0]]);
        l.hideInput(), this.isFocused || l.focus()
    }
},

---

i was delete blow code in last line and solved this issue

, this.isFocused || l.focus()

[jdsimcoe]

👍 I'm having the same issue and it is ANNOYING when trying to re-order large association sets.

[jdsimcoe]

This doesn't solve the issue for me @kamwing. It just reverses the problem and causes it to scroll to the top after you release focus.

[nilshoerrmann]

I'll have a look at this next week. Haven't been able to come up with a simple solution yet.

[jdsimcoe]

@nilshoerrmann the behavior is now the opposite and it scrolls to the top upon dragging entries:

[nilshoerrmann]

Uh? How's that possible?
Will have to investigate.

[nilshoerrmann]

I'm still not sure what is causing this issue and how to fix it properly.
Jonathan, does this problem also occur when you sort fields in the secion editor or does it only happen using the Selector UI?