Question about "List - Select Multiple"

[martintaal]

Right now it seems that in a "List - Select Multiple" the row of the picklist that is below the mouse cursor, the row of the picklist that is selected with the keyboard and the rows of the picklist that are selected share the same style.

This is a pain for example when all picklist items are selected. Then using the arrow keys you are not able to deselect the desired row because the one the focus is share the style with the selected one (all in this example)

With the mouse it is possible to deselect the desired one, but the effect while hovering the cells is strange

Here it is a video showing the UX issue:
http://screencast.com/t/ukmSW4uKPwdD

I was wondering if there is an easy way to split the styles and having one for the mouse hovering and keyboard focus, and another one for the ones that are really selected (with the 'tick' in the checkbox). The first case (mouse hovering + keyboard focus) should be in top of the second one (real selection), so a hovered really selected row should display the hover/focus style

Thanks and regards.

[Isomorphic]

We see your point about a fully selected list not showing any visual changes for keyboard navigation. We've changed things so there are now distinct styles for the two states - for 9.0 and beyond there are now distinct "Selected" and "Over" states and a combined SelectedOver state, same as for normal ListGrid styles.

The specific style series is:

.pickListCellSelected,
.pickListCellSelectedRTL,
.pickListCellSelectedDark,
.pickListCellSelectedDarkRTL

.pickListCellOver,
.pickListCellOverRTL,
.pickListCellOverDark,
.pickListCellOverDarkRTL

.pickListCellSelectedOver,
.pickListCellSelectedOverRTL,
.pickListCellSelectedOverDark,
.pickListCellSelectedOverDarkRTL

As for ListGrid, there is also the same series with "tall" as a prefix, for legacy browsers that can't stretch CSS background images.