Bug: sbb-autocomplete first element always selected and change only with arrow events

[daniele92vp]

Describe the bug
When using autoActiveFirstOption set to be true, the first element will be always highlighted in red. When hovering with the mouse on the other results, there are always 2 suggestions highlighted, the very first one and the one on which the mouse in on.

At the moment the expected behavior (option in red color) works only when using the keyboard arrows to change selected element from the list.

Should change also when hover-mouse event is triggered.

To Reproduce
Steps to reproduce the behavior:

1. Use the component <sbb-autocomplete [autoActiveFirstOption]="true">
2. Start to write until the function to show suggested result is triggered
3. Hover with mouse on the second or other results
4. The first result will be always red-highlighted

Expected behavior
Should be only one result red-highlighted when hover with mouse

Screenshots

[jeripeierSBB]

I think the mentioned behavior is on purpose. Mouseover doesn't set a dropdown entry as active, so the first option is still the active one. The styles of hover and active are just the same. @mikemorgenthaler @Frenggi what's your opinion?

[Frenggi]

For me, the current behaviour is correct to follow the design. BUT: I think the design is not correct. We should differentiate between hover and active states. The used pattern is: red for hover, black for active, e.g. processflow. What do you think @mikemorgenthaler ?

[mikemorgenthaler]

I'm agree with you @Frenggi. There is a strange behaviour with the hover effect on sbb.ch as well. Everywhere else on hover we use the dark red. So yes, let's accept the Bug and define a solution.

[daniel-sc]

Hi @jeripeierSBB @kyubisation
could you please fix this, now that the styling bug is resolved?

[jeripeierSBB]

Hi @daniel-sc
This issue is still not resolved by UX, so we have to wait until they provide a solution.

[mhaertwig]

@mcilurzo can you please have a look at this?