activeElement in vaadin-grid is nulled when enabling the grid

[javier-godoy]

Description

The activeElement in vaadin-grid is nulled when enabling the grid.

(As a workaround delay focusing until the grid is reenabled).

Expected outcome

I would weakly expect either the active element to be preserved.

Minimal reproducible example

https://vaadin.com/docs/latest/example?path=component/grid/grid-basic.ts

Steps to reproduce

• Let g be the vaadin-grid in the view
• Focus a cell by navigating to it using the keyboard. (active element is set to td)
• Disable the grid using the developer tools (active element remains set)
• Enable the grid using the developer tools (active element is nulled)

Environment

Vaadin version(s): 24.1

Browsers

Chrome

[tomivirkki]

Also, see the related Slack thread

[yuriy-fix]

Summary from Slack discussion:

This seems to be native behaviour in Chrome only:

 - focus an element inside the shadow root
 - Add tabindex -1 to the host element
 - Remove the tabindex
 - The previously focused element gets blurred!

This doesn’t happen in Safari and Firefox