Data Grid Checkbox Unselect keeps row highlighted

[Kristopher Hill]

If you test in the grid example with checkbox selection, when you click the box for that row and then uncheck it, the highlight circle around the checkbox stays there and the row stays highlighted as if it is still selected.  Other grid controls that I see fully unhighlight the row once the box is unchecked including the jqwidgets grid (you can do the same test to see it unhighlight the row).

Is this a bug that can be fixed or a workaround so that checked rows all highlight the same color when checked and when unchecked the highlighting and circle go away?

Thanks

 

[admin]

Hi Kristopher,

The behavior is actually by design. When you check/uncheck the row’s selection is changed. However, the row is on focus as it is the currently active element after you clicked it and if you press the arrow up/down you can notice that the focus selection starts from it. If you check more than 1 row, you will notice that the style of the selected rows and the focused row are different. If you want to turn off this, you can edit the CSS style for the smart-grid-cell element when the smart-grid-row has the focus attribute.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[Kristopher Hill]

Thanks, I was able to essentially pull out the “focus” attribute through combination of CSS and hooking into events.  With checkboxes or selections it seems confusing to have focus and selection since focus looks selected.  I would ask that in a future release it would be nice if “focus” could be controlled with an option to not allow focus or if it was ignore when selection is enabled somehow.  If I select a row I want it selected only not selected an focused especially in the case where the row is not selected but focused.  In cell usage it is probably needed but in row selection it doesn’t “feel” correct compared to similar controls.

Thank you,

Kris

[admin]

Hi Kris,

The focus is much related to the keyboard navigation in order to inform the user where the keyboard navigation starts from. We will consider your comments by adding a property to disable the keyboard navigation so in that case, we would not add focus to elements.

Best regards,
Peter Stoev

Smart UI Team
https://www.htmlelements.com/

[Author]

Posts