Add keyboard navigation to search #134
Open
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Part of stackabletech/documentation#616
This PR adds the following navigation shortcuts to the search:
Enter
is pressed -> Focus first search resultUp
andDown
arrow keys when search result in focus (the focus is basically on the link within the search result)Enter
to open link in same tabShift + Enter
to open link in a new windowStrg + Enter
to open link in a new tab of the same window/
to get the search input field into focus againNot an Javascript expert, so would be nice if someone could test the implementation and give some feedback if needed. Wrote a short Nuclino article on how I developed locally and how it can be tested: https://app.nuclino.com/Stackable/Engineering/Developing-with-Search-locally-bb51c5c1-d0e5-478f-8c3c-d6d64fd8d895