Added search input auto focus, updated README

The javascript controller has been updated to include a call to focus
the cursor on the search field. This previously had only been seen on
Firefox, and was assumed to be a weird FF-specific bug. Adding in a
timeout to allow elements to finish loading allows the field to be
focused as expected.

Also updated the README to include clarification for IP address
tracking.
main
Ben Busby 2020-09-30 10:26:27 -04:00
parent 1f07e4e235
commit dfb1e81fa1
2 changed files with 8 additions and 1 deletions

View File

@ -22,7 +22,7 @@ Contents
- No ads or sponsored content - No ads or sponsored content
- No javascript - No javascript
- No cookies - No cookies
- No tracking/linking of your personal IP address - No tracking/linking of your personal IP address\*
- No AMP links - No AMP links
- No URL tracking tags (i.e. utm=%s) - No URL tracking tags (i.e. utm=%s)
- No referrer header - No referrer header
@ -35,6 +35,8 @@ Contents
- Optional location-based searching (i.e. results near \<city\>) - Optional location-based searching (i.e. results near \<city\>)
- Optional NoJS mode to disable all Javascript in results - Optional NoJS mode to disable all Javascript in results
<sup>*If deployed to a remote server</sup>
## Dependencies ## Dependencies
If using Heroku Quick Deploy, **you can skip this section**. If using Heroku Quick Deploy, **you can skip this section**.

View File

@ -8,6 +8,7 @@ CONFIG_STRS = [
"near", "url" "near", "url"
]; ];
const setupSearchLayout = () => { const setupSearchLayout = () => {
// Setup search field // Setup search field
const searchBar = document.getElementById("search-bar"); const searchBar = document.getElementById("search-bar");
@ -114,4 +115,8 @@ document.addEventListener("DOMContentLoaded", function() {
setupSearchLayout(); setupSearchLayout();
setupConfigLayout(); setupConfigLayout();
// Focusing on the search input field requires a delay for elements to finish
// loading (seemingly only on FF)
setTimeout(function() { document.getElementById("search-bar").focus(); }, 250);
}); });