X-Git-Url: http://source.bookstackapp.com/bookstack/blobdiff_plain/19a792bc1257ad60cad614d705f0861a2b0e4829..refs/pull/3918/head:/resources/views/common/header.blade.php

diff --git a/resources/views/common/header.blade.php b/resources/views/common/header.blade.php
index 1340be26d..71b73215b 100644
--- a/resources/views/common/header.blade.php
+++ b/resources/views/common/header.blade.php
@@ -20,15 +20,21 @@
         <div class="flex-container-column items-center justify-center hide-under-l">
             @if (hasAppAccess())
             <form component="global-search" action="{{ url('/http/source.bookstackapp.com/search') }}" method="GET" class="search-box" role="search">
-                <button id="header-search-box-button" type="submit" aria-label="{{ trans('common.search') }}" tabindex="-1">@icon('search') </button>
+                <button id="header-search-box-button"
+                        refs="global-search@button"
+                        type="submit"
+                        aria-label="{{ trans('common.search') }}"
+                        tabindex="-1">@icon('search')</button>
                 <input id="header-search-box-input"
                        refs="global-search@input"
                        type="text"
                        name="term"
                        data-shortcut="global_search"
+                       autocomplete="off"
                        aria-label="{{ trans('common.search') }}" placeholder="{{ trans('common.search') }}"
                        value="{{ $searchTerm ?? '' }}">
                 <div refs="global-search@suggestions" class="global-search-suggestions card">
+                    <div refs="global-search@loading" class="text-center px-m global-search-loading">@include('common.loading-icon')</div>
                     <div refs="global-search@suggestion-results" class="px-m"></div>
                     <button class="text-button card-footer-link" type="submit">{{ trans('common.view_all') }}</button>
                 </div>