UX Improvement: Add instant search to Sidebar

ReactiveX / rxjs-docs

The home for new work on the new RxJS docs (RxJS v 5 and up). New to this space? Say hi here: https://github.com/ReactiveX/rxjs-docs/issues/24. Want to find out what's up? We're chatting here. https://github.com/ReactiveX/rxjs-docs/issues/4

Apache License 2.0

161 stars 63 forks source link

UX Improvement: Add instant search to Sidebar #254

Open niklas-wortmann opened 6 years ago

niklas-wortmann commented 6 years ago

To make is easy to find special operators, there should be an instant search on top of the operator list in the sidebar.

niklas-wortmann commented 6 years ago

I would like to implement this one this weekend. @knittingcodemonkey is there something I have to mind to make such a searchbar accessible? thank you!

jotatoledo commented 6 years ago

Personally I dont think it would be a good idea to make the filtering in the sidenav.

IMO the sidenav content should be static. A search bar could be built in the main toolbar, on input events do either:

Main router outlet displays view mapped to path root/search?q=${input}. View renders search list. On click of element navigate toroot/operators/${operator}`
Display floating autocomplete list connected to the input field. On click of list element navigate to root/operators/${operator}