Add tabindex to search (#1182)

froxlor · Sep 6, 2023 · 7e168f5 · 7e168f5
1 parent 4fcf060
commit 7e168f5
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 2 deletions.
diff --git a/templates/Froxlor/src/js/components/search.js b/templates/Froxlor/src/js/components/search.js
@@ -42,7 +42,7 @@ $(function() {
 				Object.keys(data).forEach(key => {
 					dropdown.append('<li class="list-group-item text-muted text-capitalize fw-bold py-1 border-bottom">' + key + '</li>');
 					data[key].forEach(item => {
-						dropdown.append('<li class="list-group-item mt-1"><a href="' + item.href + '" class="text-decoration-none">' + item.title + '</a></li>');
+						dropdown.append('<li class="list-group-item mt-1"><a href="' + item.href + '" tabindex="2" class="text-decoration-none">' + item.title + '</a></li>');
 					});
 				});
 			},

diff --git a/templates/Froxlor/userarea.html.twig b/templates/Froxlor/userarea.html.twig
@@ -80,7 +80,7 @@
 				<form class="ms-3 mt-3 ms-lg-5 my-md-0" id="search" method="post">
 					<div class="d-flex align-items-center">
 						<i class="fa-solid fa-search text-muted"></i>
-						<input class="search-input" title="search" type="search" placeholder="{{ lng('panel.search') }}...">
+						<input tabindex="1" class="search-input" title="search" type="search" placeholder="{{ lng('panel.search') }}...">
 					</div>
 					<div class="search-results-box p-2 shadow" style="display:none;">
 						<div class="search-results list-group-flush"></div>