How to migrate from react-mentions to mentis
react-mentions still has 691k weekly downloads, but its GitHub repo is gone and the last release was June 2023. Here is a prop-by-prop migration to mentis — and when a fork is the better call.
Blog
Articles on building @mention inputs in React — migrating off react-mentions, contentEditable architecture, and the ARIA combobox pattern.
Why mention inputs outgrow the textarea
Most React mention libraries paint highlights on a div behind a transparent textarea. It is a clever trick with specific failure modes. Here is where it breaks, and what contentEditable costs you instead.
The ARIA combobox pattern for @mention autocomplete
A mention dropdown is a combobox, and most implementations get it wrong in the same three ways. The attributes you need, why focus must stay in the input, and how to test it.