Predictable is a basic PoC web app to demonstrate how predictive text/autocomplete/lookahead/typeaheadcan be applied to a contenteditable element. This functionality is seen in real-world apps, with theseminal example being Gmail's "Smart Compose feature". Pressing the Tab key will autocomplete a suggestedphrase.

> `git clonehttps://github.com/jkhaui/predictable`
> `npm install`
> `npm start`
This project is bootstrapped with create-react-app. It also uses Medium-Editor as a solidbase for contenteditable. However, neither React nor Medium-Editor are tightly coupled toPredictable's functionality, which is written in vanilla JS and can easily be modified to work with any contenteditable container.

N.b. Being a simple PoC, there are some obvious bugs. E.g. The first word of the text editorin Chrome is, for some strange reason, positioned differently to the rest of the text. This causes theautocomplete placeholder to appear misaligned if applied at the very beginning of a document.

This example uses a large corpus of phrases related to the legal domain, but they can be easily swappedout for another data source. Improvements and PRs are highly welcomed.
Demo: