Premium DOM Component

Site Search

Full text search with look-ahead autofill

by Read Write Tools
The rwt-search DOM component is the standard user interface for the Site Search feature of the RWSERVE HTTP/2 server. This search dialog box has look-ahead word autofill to guide users in their search for locally hosted documents.


The SEMWORDS and SITEWORDS tools (see Site Search) produce an index of all the words used in a given website. That index is used by this DOM component to provide full text searching on a local basis, without relying on AJAX or direct server interaction.

This DOM component handles the initial fetch of the site index, caching it to the user's local-storage for ready use across all of the website's documents.

Internally, the DOM component uses a ternary search trie to provide partial word lookups as the user types, guiding the user towards better results.

In the wild

To see an example of this component in use, visit the READ WRITE STACK website and press F7 "Search". To understand what's going on under the hood, use the browser's inspector to view the HTML source code and network activity.


DOM components logo Documentation READ WRITE HUB
git logo Source code github
DOM components logo Component catalog DOM COMPONENTS
npm logo Package installation npm
Read Write Stack logo Publication venue READ WRITE STACK
Read Write Tools icon

Smart tech


Read Write Hub icon

Distraction-free writing



Rediscover HTML


Read Write Serve icon

Served with pure HTTP/2


Premium DOM Component

🔗 🔎