From c95cdae145756c96181cee9cd57a2e16feddef58 Mon Sep 17 00:00:00 2001
From: rechen <rechen@microsoft.com>
Date: Sun, 29 Jan 2023 21:16:38 -0800
Subject: [PATCH] AB#480 Screen reader should read no files and errors for file
 tree views

---
 .../ui/file/file-explorer/file-tree-view/file-tree-view.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/@batch-flask/ui/file/file-explorer/file-tree-view/file-tree-view.html b/src/@batch-flask/ui/file/file-explorer/file-tree-view/file-tree-view.html
index 0981b13732..b73d6de743 100644
--- a/src/@batch-flask/ui/file/file-explorer/file-tree-view/file-tree-view.html
+++ b/src/@batch-flask/ui/file/file-explorer/file-tree-view/file-tree-view.html
@@ -27,14 +27,15 @@
     (keydown)="handleKeyboardNavigation($event)"
     (contextmenu)="showContextMenu($event)">
 
+    <p *ngIf="treeRows.length === 0" tabindex="0" class="tree-view-empty">{{'file-explorer.noFiles' | i18n }}</p>
+    <p *ngIf="fileNavigator.error" tabindex="0" class="tree-view-error">{{fileNavigator.error.message}}</p>
+
     <div class="tree-rows-container"
         [class.drop-target]="dropTargetPath === ''"
         (dragenter)="dragEnterRow($event)"
         (dragleave)="dragLeaveRow($event)"
         (dragover)="handleDragHover($event)"
         (drop)="handleDropOnRow($event)">
-        <div *ngIf="treeRows.length === 0" class="tree-view-empty">{{'file-explorer.noFiles' | i18n }}</div>
-        <div *ngIf="fileNavigator.error" class="tree-view-error">{{fileNavigator.error.message}}</div>
 
         <bl-file-tree-view-row *ngFor="let treeRow of treeRows; let  i = index; trackBy: treeRowTrackBy"
             id="{{id}}-row-{{i}}"