[Solved] aria-hidden="true" incorrectly set on active TabStrip panel when keepTabsMounted is enabled

[nEMO]

Hi Telerik 

When keepTabsMounted prop is enabled on TabStrip, the active panel receives aria-hidden="true" which violates WAI-ARIA specification. The browser overrides this behavior when the panel contains a focused element, but the warning is still thrown:
Blocked aria-hidden on an element because its descendant retained focus.
Steps to reproduce:

Add TabStrip with keepTabsMounted prop
Open browser DevTools → Accessibility tab
Click on active .k-tabstrip-content.k-active element
Observe aria-hidden: true on the active panel

Expected behavior:
Active panel should have aria-hidden="false" or no aria-hidden attribute at all.
Actual behavior:
Active panel has aria-hidden="true" causing browser accessibility warning.
 

[Vessy]

Hello,

I tried to reproduce the reported behavior but wasn't able to. Could you please take a look at my demo page and let me know whether it differs from your actual setup in any way? Are you able to reproduce the same issue there?

• https://stackblitz.com/edit/react-q5cxciub?file=app%2Fapp.tsx 

For reference, here's the result I'm seeing:

Looking forward to your reply,
Vessy
Progress Telerik