From 2d85469cd0b874e471777052277cb17a5cd76c0c Mon Sep 17 00:00:00 2001
From: Tom Byers <tombaromba@gmail.com>
Date: Fri, 15 Feb 2019 13:49:49 +0000
Subject: [PATCH] Move 'Clear' link out of 'aria-hidden' region

---
 app/assets/javascripts/templateFolderForm.js | 16 ++++++++++------
 1 file changed, 10 insertions(+), 6 deletions(-)

diff --git a/app/assets/javascripts/templateFolderForm.js b/app/assets/javascripts/templateFolderForm.js
index 7fcb4ce6c..d15721af2 100644
--- a/app/assets/javascripts/templateFolderForm.js
+++ b/app/assets/javascripts/templateFolderForm.js
@@ -139,10 +139,10 @@
       'default': 'Nothing selected',
       'selected': numSelected => `${numSelected} selected`,
       'update': numSelected => {
-        let liveRegionHTML = (numSelected > 0) ? this.selectionStatus.selected(numSelected) : this.selectionStatus.default;
+        let message = (numSelected > 0) ? this.selectionStatus.selected(numSelected) : this.selectionStatus.default;
 
-        $('.template-list-selected-counter-count').html(numSelected);
-        this.$liveRegionCounter.html(liveRegionHTML);
+        $('.template-list-selected-counter__count').html(message);
+        this.$liveRegionCounter.html(message);
       }
     };
 
@@ -198,8 +198,10 @@
         <div class="js-stick-at-bottom-when-scrolling">
           <button class="button-secondary" value="add-new-template">New template</button>
           <button class="button-secondary" value="add-new-folder">New folder</button>
-          <div class="template-list-selected-counter" aria-hidden="true">
-            ${this.selectionStatus.default}
+          <div class="template-list-selected-counter">
+            <span class="template-list-selected-counter__count" aria-hidden="true">
+              ${this.selectionStatus.default}
+            </span>
           </div>
         </div>
       </div>
@@ -211,7 +213,9 @@
           <button class="button-secondary" value="move-to-existing-folder">Move</button>
           <button class="button-secondary" value="move-to-new-folder">Add to new folder</button>
           <div class="template-list-selected-counter" aria-hidden="true">
-            ${this.selectionStatus.selected(1)}
+            <span class="template-list-selected-counter__count" aria-hidden="true">
+              ${this.selectionStatus.selected(1)}
+            </span>
           </div>
         </div>
       </div>