Focus on search modal

diff --git a/app/static/src/js/modules/search.js b/app/static/src/js/modules/search.js
index 644fffb24ba899779e21dd01d28b2a414b022d10..fa37f73147d3bfdcbf480a278a522b2b1ff072a5 100644 (file)
--- a/app/static/src/js/modules/search.js
+++ b/app/static/src/js/modules/search.js
@@ -1,6 +1,6 @@
 var Search = function() {
 
-    this.$element = $('#searchBtn');
+    this.$element = $('[data-search-button]');
     this.$search = $('#search');
     this.$searchInput = this.$search.find('input[type="text"]');
 
@@ -15,10 +15,9 @@ Search.prototype.init = function() {
 
     var that = this;
 
-    that.$element = $('#searchBtn');
+    that.$element = $('[data-search-button]');
     that.$search = $('#search');
 
-
     that.$element.click(function(e) {
 
         e.preventDefault();

diff --git a/app/templates/pages/menus/header.html b/app/templates/pages/menus/header.html
index 7087b097da19fc81b730ff2c8a5be3ab6ad97ee9..c2f8c35dedea4753c8da4ebd59531525a19be395 100644 (file)
--- a/app/templates/pages/menus/header.html
+++ b/app/templates/pages/menus/header.html
@@ -35,7 +35,7 @@
         {% if page.is_primary %}
             {% if forloop.last %}
                 <li class="nav-header__item nav-header__item--special nav-header__item--centered">
-                    <a href="#" class="fsxl" data-open-button="search" id="searchBtn"><i class="fa fa-search" aria-hidden="true"></i></a>
+                    <a href="#" class="fsxl" data-open-button="search" data-search-button><i class="fa fa-search" aria-hidden="true"></i></a>
                 </li>
             </ul>
             {% endif %}