Konstantin Dikov

I am re-opening the issue, because the aria-laballedby adds a value, but it does not point to a correct ID of the tab elements. Additionally, we need to include: -...

@nstoychev Should we consider enabling this behavior by default with a property? We can also close the issue, since there is a custom solution that you have already shared.

This should be named "template" for consistency. We can also add "visual" option for providing custom visual

The behavior can still be observed in version 5.5.0: [https://stackblitz.com/edit/react-l1rzud?file=app%2Fmain.tsx](https://stackblitz.com/edit/react-l1rzud?file=app%2Fmain.tsx) It is possible that the boundary detection and the calculated position ignores the box-shadow

Temporary workaround is to use LocalizationProvider and add custom key to the messages and then, set that key to the "title" property: [https://stackblitz.com/edit/react-nmy4tg-axb4yy?file=app%2Fmain.jsx](https://stackblitz.com/edit/react-nmy4tg-axb4yy?file=app%2Fmain.jsx)

@kspeyanski Any status update? I have tried the example, but I couldn`t observe any obvious problems with it. Is it possible that it was browser related?

Another scenario that replicates the issue is described in ticket: 1574403 If the content of a cell in the Grid is too long, that pushes the tbody to a separate...

Grid - selectAll checkbox needs aria-label to provide meaningful information - we could add aria-label to the select checkboxes in each row as well

The different "display" for both tables causes horizontal scrolling issue in Safari as well: [https://stackblitz.com/edit/react-k3y3cj?file=index.html](https://stackblitz.com/edit/react-k3y3cj?file=index.html)

The Grid Pager buttons should include aria-label for screen readers as well (like "Previous page", "Next page", "Page 1", "Page 2", etc.)