From 0e4ecd1f0cf6071427fa5f9d9db13d43aa29ea0c Mon Sep 17 00:00:00 2001
From: checktheroads <mtt.lov@gmail.com>
Date: Wed, 21 Aug 2019 08:37:57 -0700
Subject: [PATCH] fix footer popover click to dismiss

---
 hyperglass/render/templates/footer.html.j2 | 6 +++---
 hyperglass/static/hyperglass.es6           | 6 +++---
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/hyperglass/render/templates/footer.html.j2 b/hyperglass/render/templates/footer.html.j2
index e811032..045e14c 100644
--- a/hyperglass/render/templates/footer.html.j2
+++ b/hyperglass/render/templates/footer.html.j2
@@ -3,12 +3,12 @@
   <div class="container-fluid row no-gutters text-center p-0">
     <div class="col-auto float-left">
       <div class="d-none" id="hg-footer-terms-html">{{ details.footer.content | safe }}</div>
-      <a class="btn btn-link hg-footer-item" id="hg-footer-terms-btn" href="#" data-toggle="popover"
+      <a class="btn btn-link hg-footer-item" id="hg-footer-terms-btn" href="#" data-toggle="popover" tabindex="0"
         title="{{ branding.text.terms }}"><small>{{ branding.text.terms }}</small></a>
     </div>
     <div class="col-auto float-left">
       <div class="d-none" id="hg-footer-help-html">{{ rendered_help.content | safe }}</div>
-      <a class="btn btn-link hg-footer-item" id="hg-footer-help-btn" href="#" data-toggle="popover"
+      <a class="btn btn-link hg-footer-item" id="hg-footer-help-btn" href="#" data-toggle="popover" tabindex="0"
         title="{{ branding.text.info }}"><small>{{ branding.text.info }}</small></a>
     </div>
     <div class="col-auto mr-auto"></div>
@@ -21,7 +21,7 @@
         Source code licensed <a href="https://github.com/checktheroads/hyperglass/blob/master/LICENSE"
           target="_blank">BSD 3-Clause Clear.</a>
       </div>
-      <a class="btn btn-link" id="hg-footer-credit-btn" href="#" data-toggle="popover"><small><i
+      <a class="btn btn-link" id="hg-footer-credit-btn" href="#" data-toggle="popover" tabindex="0"><small><i
             class="remixicon-code-s-slash-line"></i></small></a>
     </div>
     {% endif %}
diff --git a/hyperglass/static/hyperglass.es6 b/hyperglass/static/hyperglass.es6
index 542dafd..66c6dea 100644
--- a/hyperglass/static/hyperglass.es6
+++ b/hyperglass/static/hyperglass.es6
@@ -59,7 +59,7 @@ queryType.selectpicker({
 
 footerTermsBtn.popover({
   html: true,
-  trigger: 'click',
+  trigger: 'focus',
   template: footerPopoverTemplate,
   placement: 'top',
   content: $('#hg-footer-terms-html').html(),
@@ -67,7 +67,7 @@ footerTermsBtn.popover({
 
 footerHelpBtn.popover({
   html: true,
-  trigger: 'click',
+  trigger: 'focus',
   placement: 'top',
   template: footerPopoverTemplate,
   content: $('#hg-footer-help-html').html(),
@@ -75,7 +75,7 @@ footerHelpBtn.popover({
 
 footerCreditBtn.popover({
   html: true,
-  trigger: 'click',
+  trigger: 'focus',
   placement: 'top',
   title: $('#hg-footer-credit-title').html(),
   content: $('#hg-footer-credit-content').html(),