Autocompletion of usernames - UI bug

When I autocomplete a username to @mention somebody, the autocompletion is highlighted for all names BUT the first one. That leads me, and probably others users, to ignore the first name of the list and to select the second one.

I believe the problem in the end is that the username currently selected in the autocompletion list is not visible enough. It feels like the list starts with the second username. Of course #240 (closed) is not helping

Old accounting Protocol

changed the description

@Cyrilthiriet @sophie I guess that putting the "green hover" on the selected one do the trick?

Edit: looks like this

@sophie Have a look at how Slack does it. it is much more explicit which one is selected I believe

Yes if we can fix first #240 (closed) it should be more intuitive

I could design this bloc for 7 tokens. I see different kind of problems for a lack of lisibility here.

@Cyrilthiriet Probably not a priority but as it is cheap and can be done in parallel of everything else by @gaelleM, I'd finance it. Small and cheap improvement that help make the overall experience better without delaying the big projects

I agree! @alexbourlier . @sophie it's a GO so

@alexbourlier @Cyrilthiriet @jbpasquier I believe this is what we need : https://invis.io/VEWRR0679ZA#/434393103_Circle_-_Messages_-closed

Also the first item should not be hovered by default, that's what makes it confusing. I don't think we need the highlight, it makes the readability harder I think. A simple list is enough to me. Slack don't highlight by the way

I also recommend to stick at the bottom of the list and actually show the green circle I made and not an empty picture :)

Hmmm... Slack does highlight the first item by default. I'm not sure to see a problem with that. Why do you think we shouldn't? That's the expected behavior for any autocompletion feature I think

THe only difference with the current behavior is the grey backdrop, right?

What do you mean by "to stick at the bottom of the list"?

i missed that message. Don't forget to tag me @alexbourlier

There is a word missing in my sentence. I suggested to stick the "all" at the bottom of the list when you @a...

There are several differences. The window should not be full screen, shadow should be darker so we can see the difference with the back. Also delete the green highlight and yes add the gray background on hover.

as for highlighting the first item by default, you are right Slack does it, i got confused. I am not a fan but if it's a default behavior then I guess we should keep it.

Crystal clear, thanks

@jbpasquier Can we have an estimation here? In my mind it is not costly.

@manv For token estimation

@alexbourlier Can do for 25 tokens

• Move the "all" mention at the bottom
• Edit styles according to sophie's feedback

Go go go

@Cyrilthiriet OK?

Fine for us ! @manv let's go this way, tell us when this could be done

@Cyrilthiriet I'll try to do it this week if possible, I'll keep you updated

@manv you rock !

mentioned in issue management/startinblox-feature-requests#136

assigned to @manv

added Feature request Funded labels

changed the description

mentioned in merge request !136 (merged)

closed via merge request !136 (merged)

mentioned in commit ceb2e5a3

Code Livrable 07-CUSTOM-CT-54