From de4d4747c41a4a2cd3a7e93c80db436cdf28b14e Mon Sep 17 00:00:00 2001
From: Misaka 0x4e21 <misaka4e21@gmail.com>
Date: Thu, 12 Jul 2018 12:36:19 +0800
Subject: [PATCH] UX: Focus on new topic link that appears on the page via
 keyboard. (#6081)

- Add an <a> tag to handle keypress events on new topic indicator.
---
 .../javascripts/admin/templates/web-hooks-show-events.hbs     | 2 +-
 .../discourse/templates/components/basic-topic-list.hbs       | 4 +++-
 .../javascripts/discourse/templates/discovery/topics.hbs      | 4 +++-
 3 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/admin/templates/web-hooks-show-events.hbs b/app/assets/javascripts/admin/templates/web-hooks-show-events.hbs
index d2f926a942..0927e64643 100644
--- a/app/assets/javascripts/admin/templates/web-hooks-show-events.hbs
+++ b/app/assets/javascripts/admin/templates/web-hooks-show-events.hbs
@@ -21,7 +21,7 @@
         <div class='clearfix'></div>
       </div>
       {{#if hasIncoming}}
-        <div class='alert alert-info clickable' {{action "showInserted"}}>
+        <div class='alert alert-info clickable' tabindex="0" {{action "showInserted"}}>
           {{count-i18n key="admin.web_hooks.events.incoming" count=incomingCount}}
         </div>
       {{/if}}
diff --git a/app/assets/javascripts/discourse/templates/components/basic-topic-list.hbs b/app/assets/javascripts/discourse/templates/components/basic-topic-list.hbs
index a15dc6276d..dfb58b58c5 100644
--- a/app/assets/javascripts/discourse/templates/components/basic-topic-list.hbs
+++ b/app/assets/javascripts/discourse/templates/components/basic-topic-list.hbs
@@ -2,7 +2,9 @@
   {{#if hasIncoming}}
   <div class="show-mores">
     <div class='alert alert-info clickable' {{action "showInserted"}}>
-      {{count-i18n key="topic_count_" suffix="latest" count=incomingCount}}
+      <a tabindex="0" href="" {{action "showInserted"}}>
+        {{action "showInserted"}}>{{count-i18n key="topic_count_" suffix="latest" count=incomingCount}}
+      </a>
     </div>
   </div>
   {{/if}}
diff --git a/app/assets/javascripts/discourse/templates/discovery/topics.hbs b/app/assets/javascripts/discourse/templates/discovery/topics.hbs
index acbb3cdcdb..e8c45cfe70 100644
--- a/app/assets/javascripts/discourse/templates/discovery/topics.hbs
+++ b/app/assets/javascripts/discourse/templates/discovery/topics.hbs
@@ -35,7 +35,9 @@
     {{#if topicTrackingState.hasIncoming}}
       <div class="show-more {{if hasTopics 'has-topics'}}">
         <div class='alert alert-info clickable' {{action "showInserted"}}>
-          {{count-i18n key="topic_count_" suffix=topicTrackingState.filter count=topicTrackingState.incomingCount}}
+          <a tabindex="0" href="" {{action "showInserted"}}>
+            {{count-i18n key="topic_count_" suffix=topicTrackingState.filter count=topicTrackingState.incomingCount}}
+          </a>
         </div>
       </div>
     {{/if}}