Sorting problem to php array

[shoniax]

Hello , when I change order of selected items I got random sort when i try to print it.

Here is the result

[haught]

I have the same problem, the user defined order is not preserved into the form submittal - it will always be the same order as the original left sided options.

[steveerg]

Same problem here ... left side options order rules on the right side.

[ataknakbulut]

Same problem here

[erenilhan]

+1

[arnofo]

I encounter the same problem but only on Chrome. It works fine with Firefox.

I have run a few tests and it seems to come down to the browser sorting algorithm, maybe related to this explanation ?

https://stackoverflow.com/a/44120478

[ducvu91]

I checked it run in here https://preview.keenthemes.com/metronic/demo9/features/miscellaneous/dual-listbox.html anyone have solution ?

[ssada1975]

_initializeSortButtons() { let t = document.createElement("button"); t.classList.add("dual-listbox__button"), t.innerText = this.upButtonText, t.addEventListener("click", i => this._onSortButtonClick(i, h, 'selected')); let e = document.createElement("button"); e.classList.add("dual-listbox__button"), e.innerText = this.downButtonText, e.addEventListener("click", i => this._onSortButtonClick(i, u, 'selected')); let s = document.createElement("div"); s.classList.add("dual-listbox_sortButtons"), s.appendChild(t), s.appendChild(e), this.selectedListTitle.appendChild(s)

            t = document.createElement("button");
            t.classList.add("dual-listbox__button"), t.innerText = this.upButtonText, t.addEventListener("click", i => this._onSortButtonClick(i, h, 'available'));
            e = document.createElement("button");
            e.classList.add("dual-listbox__button"), e.innerText = this.downButtonText, e.addEventListener("click", i => this._onSortButtonClick(i, u, 'available'));
            s = document.createElement("div");
            s.classList.add("dual-listbox_sortButtons"), s.appendChild(t), s.appendChild(e), this.availableListTitle.appendChild(s)

        }

_onSortButtonClick(t, e, as) { t.preventDefault(); let list = this.dualListbox.querySelector(".dual-listbox__"+as); let orderedLIs = [...list.children].sort((a, b) => a.textContent.localeCompare(b.textContent) ); if (e=="down") orderedLIs = orderedLIs.reverse(); list.innerHTML = orderedLIs.map(li => li.outerHTML).join(''); }