From 57150a4f7afd0b0ab5098e5e53bcb024af386c21 Mon Sep 17 00:00:00 2001
From: Nolan Darilek <nolan@thewordnerd.info>
Date: Mon, 20 Dec 2021 12:13:49 -0600
Subject: [PATCH] Add additional region for search region when mobile sidebar
 is displayed.

---
 lib/live_beats_web/templates/layout/live.html.heex | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/lib/live_beats_web/templates/layout/live.html.heex b/lib/live_beats_web/templates/layout/live.html.heex
index 3a318bd..95688c4 100644
--- a/lib/live_beats_web/templates/layout/live.html.heex
+++ b/lib/live_beats_web/templates/layout/live.html.heex
@@ -1,4 +1,4 @@
-<div id="mobile-sidebar-container" class="fixed inset-0 flex z-40 lg:hidden" aria-modal="true" style="display: none;">
+<div id="mobile-sidebar-container" class="fixed inset-0 flex z-40 lg:hidden" aria-modal="true" style="display: none;" role="region">
   <div
     class="fixed inset-0 bg-gray-600 bg-opacity-75"
     phx-click={hide_mobile_sidebar()}>
@@ -49,7 +49,7 @@
 
 
 <!-- Static sidebar for desktop -->
-<div class="hidden lg:flex lg:flex-shrink-0">
+<div class="hidden lg:flex lg:flex-shrink-0" role="region">
   <div class="flex flex-col w-64 border-r border-gray-200 pt-5 pb-4 bg-gray-100">
     <div class="flex items-center flex-shrink-0 px-6">
       <.link navigate={home_path(@current_user)}>
@@ -95,7 +95,7 @@
 <!-- Main column -->
 <div class="flex flex-col w-0 flex-1 overflow-hidden">
   <!-- Search header -->
-  <div class="relative z-10 flex-shrink-0 flex h-16 bg-white border-b border-gray-200 lg:hidden">
+  <div class="relative z-10 flex-shrink-0 flex h-16 bg-white border-b border-gray-200 lg:hidden" role="navigation">
     <button type="button"
       id="show-mobile-sidebar"
       aria-expanded="false"