fix(tabs): correct inert value for true condition (#3978)

Author: ShrinidhiUpadhyaya

.changeset/twelve-papayas-clean.md

@@ -0,0 +1,5 @@
+---
+"@nextui-org/tabs": patch
+---
+
+revise the inert attribute in `TabPanel` (#3972)

packages/components/tabs/src/tab-panel.tsx

@@ -69,7 +69,10 @@ const TabPanel = forwardRef<"div", TabPanelProps>((props, ref) => {
       data-focus={isFocused}
       data-focus-visible={isFocusVisible}
       data-inert={!isSelected ? "true" : undefined}
-      inert={!isSelected ? "true" : undefined}
+      // makes the browser ignore the element and its children when tabbing
+      // TODO: invert inert when switching to React 19 (ref: https://github.com/facebook/react/issues/17157)
+      // @ts-ignore
+      inert={!isSelected ? "" : undefined}
       {...(isSelected && mergeProps(tabPanelProps, focusProps, otherProps))}
       className={slots.panel?.({class: tabPanelStyles})}
       data-slot="panel"