From 63c19fda6959653ba40f4c7660afe60c975de582 Mon Sep 17 00:00:00 2001
From: Krzysztof Kowalczyk <krzysztof.kowalczyk@elastic.co>
Date: Wed, 30 Oct 2024 16:53:19 +0100
Subject: [PATCH] [Dashboard/Markdown] Add tabindex (#197848)

## Summary

This PR adds `tabIndex` to
[markdown_vis_controller.tsx](https://github.com/elastic/kibana/compare/main...kowalczyk-krzysztof:kibana:fix/dashboard-markdown-panel?expand=1#diff-47267cf2f7d8f9e72e157ddb40292226a88ad5e51f9c92486799d381c5085e5f).

Closes: #186559

## Visuals:

https://github.com/user-attachments/assets/8264c584-e7ca-4647-946a-7b9bd9f7aa8f

This video demonstrates the markdown panel being tabbable and the
scrollbar in being controlled with keyboard.

(cherry picked from commit 6cc8b97b60e78bf0638fa91b0925eb944133841a)
---
 src/plugins/vis_type_markdown/public/markdown_vis_controller.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/plugins/vis_type_markdown/public/markdown_vis_controller.tsx b/src/plugins/vis_type_markdown/public/markdown_vis_controller.tsx
index 1c5253aec6004..6d36703e17446 100644
--- a/src/plugins/vis_type_markdown/public/markdown_vis_controller.tsx
+++ b/src/plugins/vis_type_markdown/public/markdown_vis_controller.tsx
@@ -31,6 +31,7 @@ const MarkdownVisComponent = ({
         data-test-subj="markdownBody"
         openLinksInNewTab={openLinksInNewTab}
         markdown={markdown}
+        tabIndex={0}
       />
     </div>
   );