From 3f5c9e0aab17ebbf08d047454d5b7a282fbc5c2b Mon Sep 17 00:00:00 2001
From: vashjs <vadym.shchekotilin@gmail.com>
Date: Tue, 28 Nov 2023 23:53:15 +0100
Subject: [PATCH] UIBULKED-388 Bulk edit - Scrollable element not keyboard
 accessible

---
 CHANGELOG.md                                                   | 1 +
 .../BulkEditListResult/NoResultsMessage/NoResultsMessage.js    | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index ee180e5a..90603a5c 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -21,6 +21,7 @@
 * [UIBULKED-378](https://issues.folio.org/browse/UIBULKED-378) "Select location" can be selected for item's location, and the "Confirm changes" button will remain active.
 * [UIBULKED-358](https://issues.folio.org/browse/UIBULKED-358) Update Electronic access - Link text.
 * [UIBULKED-375](https://issues.folio.org/browse/UIBULKED-375) Localize alphabetical order of Bulk edit elements.
+* [UIBULKED-388](https://issues.folio.org/browse/UIBULKED-388) Bulk edit - Scrollable element not keyboard accessible.
 
 ## [4.0.0](https://github.com/folio-org/ui-bulk-edit/tree/v4.0.0) (2023-10-12)
 
diff --git a/src/components/BulkEditList/BulkEditListResult/NoResultsMessage/NoResultsMessage.js b/src/components/BulkEditList/BulkEditListResult/NoResultsMessage/NoResultsMessage.js
index 46e18efd..e9787be6 100644
--- a/src/components/BulkEditList/BulkEditListResult/NoResultsMessage/NoResultsMessage.js
+++ b/src/components/BulkEditList/BulkEditListResult/NoResultsMessage/NoResultsMessage.js
@@ -25,7 +25,8 @@ export const NoResultsMessage = () => {
   return (
     <>
       <Layout className="display-flex centerContent">
-        <div className={css.noResultsMessage} data-testid="empty-message">
+        {/* eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex */}
+        <div className={css.noResultsMessage} data-testid="empty-message" tabIndex={0}>
           <div className={css.noResultsMessageLabelWrap}>
             <Icon iconRootClass={css.noResultsMessageIcon} icon="arrow-left" />
             <span className={css.noResultsMessageLabel}>