search

vaadin / web-components

A set of high-quality standards based web components for enterprise web applications. Part of Vaadin 20+
https://vaadin.com/docs/latest/components
470 stars 83 forks source link

[grid] Tab behavior in the Two-Way Binding basic example is unexpected #1896

Open limonte opened 6 years ago

limonte commented 6 years ago

Live Demo

https://cdn.vaadin.com/vaadin-grid/5.0.3/demo/#grid-basic-demos

Steps to reproduce

  1. Enable Editing
  2. Focus the first input with a mouse
  3. Press Tab multiple times until the focus is in the "Fisher" cell, the row before Sebastian Barnes: image
  4. Press Tab one more time

Expected behavior

The focus is in the "Sebastian" input.

Actual behavior

The focus is on the cell with the "Sebastian" input.

peek 2018-05-16 11-12

bennewi commented 6 years ago

I encountered this bug also and was about to report it. The problem is you can get into edit mode on a cell either by pressing enter or by clicking directly in the cell. The tab nav zaps you out of edit mode at the location of the latest enter press, regardless if you were in edit mode because of enter press or through some other means.

Klaudeta commented 5 years ago

This issue is somehow related to 25 rows in the grid. The focus navigation through tab will move away from the components inside cells to the cell on the next row after each 25 rows. This is related to the away grid reuses the rows without reseting the focus tracking cell.