fix: wait for editor focusout on Tab to get updated value

[web-padawan]

Description

Part of #7796

Fixes #7108

Updated the logic on Tab to not call event.preventDefault() and move focus synchronously as this doesn't handle the case when custom editor component is updating its value on blur (this is how e.g. vaadin-date-picker works).

Instead, we now let the browser handle the Tab key press so that the focusout event is caused by that, and wait for it to be fired (unless the event is from vaadin-select-overlay in which case we still handle it manually).

Note, the focus is still moved to the next cell by the logic in _switchEditCell() after the focusout so the keyboard navigation works as expected. I had to update tests from tab() helper to use sendKeys() to verify this fix.

Also added the integration test for custom editor using vaadin-date-picker (could reuse that later to also cover the second part of the issue, which is about value not updated on overlay closing - that would be a separate PR).

UPD: also added the integration test using vaadin-combo-box which was also affected by the issue with Tab.

Type of change

• Bugfix

[web-padawan]

Since we have "select column" tests in this suite, I though it would be good to disable select animation.

[web-padawan]

Previously the flag was only checked on keydown in _switchEditCell method. However, now when we wait for the native focusout it is necessary to also check it here, otherwise the debouncer will stop editing.

[sonarqubecloud]

Quality Gate passed

Issues
10 New issues
0 Accepted issues

Measures
0 Security Hotspots
0.0% Coverage on New Code
0.0% Duplication on New Code

See analysis details on SonarCloud

[vaadin-bot]

Hi @web-padawan and @web-padawan, when i performed cherry-pick to this commit to 24.4, i have encountered the following issue. Can you take a look and pick it manually?
Error Message:
Error: Command failed: git cherry-pick 2a08414
error: could not apply 2a08414... fix: wait for editor focusout on Tab to get updated value (#7822)
hint: After resolving the conflicts, mark them with
hint: "git add/rm ", then run
hint: "git cherry-pick --continue".
hint: You can instead skip this commit with "git cherry-pick --skip".
hint: To abort and get back to the state before "git cherry-pick",
hint: run "git cherry-pick --abort".

[oilhands]

Is there any chance this will get pulled into Vaadin 23 at some point?

[vaadin-bot]

Hi @web-padawan and @web-padawan, when i performed cherry-pick to this commit to 23.5, i have encountered the following issue. Can you take a look and pick it manually?
Error Message:
Error: Command failed: git cherry-pick 2a08414
error: could not apply 2a08414... fix: wait for editor focusout on Tab to get updated value (#7822)
hint: After resolving the conflicts, mark them with
hint: "git add/rm ", then run
hint: "git cherry-pick --continue".
hint: You can instead skip this commit with "git cherry-pick --skip".
hint: To abort and get back to the state before "git cherry-pick",
hint: run "git cherry-pick --abort".