Table and arrow navigation in Internet Explorer

Originally by cedric

I have a table where I can select a single line. If I select a line with the mouse and use arrow up or down, it select a new line accordingly. But if then I select a new line with the mouse, the arrow now scroll the table. This behavior appends only with Internet Explorer.

You can replicate the issue in the sampler. You have to take care to keep the focus on the table because the arrow keys have other event if the focus is on the page. You need also to deselect multiselect in the settings (it does it also with the multiselect but is more difficult to reproduce).

First select a line with the mouse, and then select another line with the mouse, it actually behave as if you have deselected the line, the arrow keys then scroll the table as if no line where selected instead of selecting the line next to the previous selected one. I have tested it with IE10.

The behavior is completely different with Firefox. Even when you deselect a line, the arrow keys are selecting the line next to the previous selected one.

Imported from https://dev.vaadin.com/ issue #12810

Reproduce the table-selection sequence in the sampler with multiselect disabled, keeping focus on the table, using IE10. Compare the arrow-key behavior after mouse selections with Firefox; done means arrow keys select the adjacent row rather than scrolling.