Small usability improvement for users with JavaScript disabled

This commit is contained in:
Eric Cornelissen 2017-10-17 21:15:07 +02:00
parent 498ccac925
commit 47d5f64f08

View File

@ -488,7 +488,7 @@
<div class="search">
<div class="search__wrapper">
<div class="search__close"><span>&times;</span></div>
<input type="text" placeholder="Search by brand …" />
<input type="text" placeholder="Search by brand …" title="Search not available when JavaScript is disabled" disabled />
</div>
</div>
<ul class="grid">
@ -542,6 +542,10 @@
$searchClose = $search.querySelector('.search__close'),
$searchInput = $search.querySelector('input');
// Remove the "disabled" attribute from the search input
$searchInput.setAttribute('title', 'Search Simple Icons');
$searchInput.removeAttribute('disabled');
// include a modified debounce underscorejs helper function.
// see
// - http://underscorejs.org/docs/underscore.html#section-83