From b5d939565b368601f0930c044ba87ef2f905f3f3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Javi=20Mart=C3=ADn?= <javim@elretirao.net>
Date: Fri, 7 Nov 2025 13:10:40 +0100
Subject: [PATCH] Make fullscreen editor preview focusable

This part of the page can be scrolled independently with the mouse, and
so the same should be possible with a keyboard.

Axe was reporting this error:

```
1) scrollable-region-focusable: Scrollable region must have
   keyboard access (serious)
    https://dequeuniversity.com/rules/axe/4.11/scrollable-region-focusable?application=axeAPI
    The following 1 node violate this rule:

      Selector: .fullscreen > .markdown-preview.medium-6.small-12
      HTML: <div class="small-12 medium-6 column markdown-preview">
      Fix any of the following:
      - Element should have focusable content
      - Element should be focusable
```
---
 .../admin/legislation/draft_versions/form_component.html.erb    | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/components/admin/legislation/draft_versions/form_component.html.erb b/app/components/admin/legislation/draft_versions/form_component.html.erb
index 8c928ba55..2f92f73ad 100644
--- a/app/components/admin/legislation/draft_versions/form_component.html.erb
+++ b/app/components/admin/legislation/draft_versions/form_component.html.erb
@@ -53,7 +53,7 @@
                                                  class: "legislation-draft-version-body" %>
         </div>
 
-        <div class="small-12 medium-6 column markdown-preview">
+        <div class="small-12 medium-6 column markdown-preview" tabindex="0">
         </div>
       </div>
     <% end %>