Filter group options should retain order, regardless of selection state

[cjcenizal]

This came up during our review of ILM. Many participants were surprised by the reordering of the options when they were de/selected:

As a user, if I misclick I want to be able to click again to correct my misclick, but the reordering of the options makes this an exercise in frustration, because it just results in another misclick. If I've scrolled down in the list, then it looks like the option I clicked disappeared, which is also confusing.

GitHub's UI has a nice UX:

What's particularly nice is that the selected items are moved to the top after the user has finished making their selection and closed the list:

[snide]

Heh, we originally copied GH for this. They changed it :D We can do it again! I think it's nice to have them at top when you reopen, which we should mimic.

[anishagg17]

@snide I want to reproduce this issue in docs but I didn't find any relevant example should I add such to docs?

[snide]

You can see this on the search bar example for tags. https://elastic.github.io/eui/#/forms/search-bar

Note how they move to the top on press. As @cjcenizal mentions. it would be preferable if they retained their position while the popup was open, but then listed them at top if later re-opened.

[anishagg17]

OKay thanks