No Feature Requests Empty State Block for React

The requests and the votes stay in the page's state: a reload clears them and Start over clears them without one. The three sample ideas and their votes are typed in the file, and Upvote instead adds one vote to a sample on this page only. To wire it for real, send the title and details to your API where the code says so, search your real ideas for the matches, and send the vote.

It is not a search service. The words you type, folded to lower case and without accents, are compared in your browser with the words of three sample ideas and some of their synonyms, so "dark mode" finds the dark theme and "csv" finds the export. The two with the most shared words, then the most votes, are shown. A word still being typed counts when it starts a known word. Nothing leaves the page.

It adds one vote to that sample idea, here only, and the button becomes a quiet Upvoted on the same node, so the box never changes. The status line says how many votes the idea has now. You can still submit your own request afterwards, since a similar idea is not always the same one.

It needs a title, up to 80 characters; without one it says "Add a title first" and keeps focus in the field. A request goes to the top of the list with 1 vote and your name and the page's fixed date, and the field clears. The list always shows two places, dashed until filled, so the page keeps its height; at two the form says the demo is full.

Tab runs through the title, any Upvote instead buttons, the details, Submit request and Start over. A polite status line says how many similar ideas there are a moment after you stop typing, and only when that has changed, and then what each action did. The drawing and the dashed places are hidden from assistive technology.

The seedling is smaller and the form is full width. Submit request stays pinned at the foot of the screen while the form is in view, so it is on the first screen, and nothing scrolls sideways, even at 320 px wide.