fix(Table): make scrollable area focusable

domihustinova · domihustinova · commit 2cfdf1e7b832 · 2025-02-27T11:22:35.000+01:00
diff --git a/packages/orbit-components/src/Table/index.tsx b/packages/orbit-components/src/Table/index.tsx
@@ -64,6 +64,8 @@ const Table = ({
         className={cx("w-full", shadows && "overflow-x-auto")}
         onScroll={handleScroll}
         ref={inner}
+        // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
+        tabIndex={shadows ? 0 : undefined}
       >
         <table
           className={cx(

Original file line number	Diff line number	Diff line change
`@@ -64,6 +64,8 @@ const Table = ({`
`64`	`64`	`className={cx("w-full", shadows && "overflow-x-auto")}`
`65`	`65`	`onScroll={handleScroll}`
`66`	`66`	`ref={inner}`
	`67`	`+ // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex`
	`68`	`+ tabIndex={shadows ? 0 : undefined}`
`67`	`69`	`>`
`68`	`70`	`<table`
`69`	`71`	`className={cx(`