UserAgent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_13_0) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/61.0.3163.100 Safari/537.36

Steps to reproduce the problem:
1. open https://codepen.io/a7madgamal-1477000865/pen/OxvEBb
2. inspect a1
3. click 'cls' button and type the letter a to trigger the auto suggestion box

What is the expected behavior?
I expect the suggestions to be sorted alphabetically
a (since it exists and it fully match what I wrote so far!)
a-1
a-2
and so on

What went wrong?
the order is completely random!
and even worse the selected class (which is applied) is not the one I wrote so far although a class exists with that entry, I have to write a space to get the one I need

Did this work before? N/A 

Chrome version: 61.0.3163.100  Channel: stable
OS Version: OS X 10.13.0
Flash Version: 

It's really important when you have to work with some css framework who append strings to class names for responsive break points etc