Focus-Problem in combination with Angular Material

Tags: #<Tag:0x00007efc6b72b0f0>
#1

Hey,
I have the table with some Material Inputs.
Steps:

  1. Select one cell in the table
  2. Click on the line of the Material Input Field
  3. Press Tab -> now jumps the selection to the next cell but this is wrong
    Stackblitz
    Video
#2

Hi @sebastian.rupprecht

We do not have a specification for a case like that.
If there are no other elements below the table that be focused what would be the desired result? (I need to have an overall idea for the UX Team).

#3

I created a better stackblitz with the problem. In the new stackblitz is the desired result that the second input are focus after press the tab-button and not the next cell.
Stackblitz
Video

#4

Thank you for sharing this use case.

It seems that this issue is reproducible using Chrome 89, but it is fixed for Chrome 90 beta.
It also does not affect Firefox.

Out tester has added this scenario for Chrome 90 Beta tests and have set up a notification to inform you after the release of Chrome 90 stable if that issue is fixed or we should do something extra in Handsontable.

#5

Thanks for your reply.

After checking Firefox, this issue is still reproduceable. Please make sure to click on the blue line below the input and then press the tab key, otherwise it works as expected. Looks like it won’t update the global focus or something like that.

Will test it for Chrome 90.

#6

Hi @sebastian.rupprecht

I was able to replicate the issue while clicking on the line (border-bottom).

I shared all the information with our tester. I will update you as soon as we get any further details on the issue.