[grid] Ease row selection in multi-select mode

[juuso-vaadin]

What is the problem?

Row selection with keyboard in single selection mode is easier than in multi-select mode.

Multi-select mode has two ways of selecting rows:

• Focus a cell containing checkbox and hit SPACE
• Focus the checkbox in "interaction mode" and hit SPACE

It could be further enhanced by

• Focus row and hit SPACE
• Focus any cell on row and hit SPACE
• Disallow entering the "interaction mode" in selection column as it doesn't seem to add any benefit

Most likely those selection modes need to be controllable by developer.

Browsers

• [X] Chrome
• [ ] Firefox
• [X] Safari
• [ ] Safari on iOS
• [ ] Edge

Screen Readers

• [ ] None
• [ ] NVDA
• [ ] JAWS
• [ ] VoiceOver on MacOS
• [ ] VoiceOver on iOS

[juuso-vaadin]

Different topic but technically pretty similar to disabling "interaction mode" on selection column would be triggering singular buttons without the need to navigate into the cell. It could only apply to cells with single clickable item.

In this example, I'd like to focus the cell containing a button and hit SPACE to trigger the button. https://vaadin.com/docs/latest/example?embed=grid-column-freezing-wc.js&import=component/grid/grid-column-freezing.ts

[juuso-vaadin]

Another side effect is that item details are triggered when selecting the checkbox from cell level.

Would be improved with https://github.com/vaadin/web-components/issues/1331