Feature Request Dialog Block for React

So you can see it without a click. On load the dialog is a copy drawn in place over the page: a native dialog element that isn't modal, so nothing is trapped, hidden or focused, and the page around the preview keeps working. The Request a feature button opens the real Dialog, modal, with its focus trap, Escape and focus return, and the copy stays closed until a reload. Both show the same RequestFields component and share the block's state, so what you typed in the copy is there in the real one. In your app keep the Dialog and drop the copy: the "in-place" state, the scrim and the dialog element inside the frame.

By words, not by a search service. similarTo folds the title (case and accents ignored), keeps the words of three letters or more, and lists the requests whose titles contain any of them, the most matching words first and then the most votes; with nothing typed it lists the most voted. Each row marks the longest word it shares, so the marks and the list can't disagree. A polite count is said 600 ms after you stop typing, never on every key. In your app call your own search and keep the same row.

Pressing Vote adds one to that request's count, closes the dialog and says "Voted for Offline mode. Nothing was posted in this demo." The drawn board raises the card's count to match. Reopening shows the toggle pressed and "Voted"; pressing it again takes the vote back and keeps the dialog open. Votes are kept in the block's state, one per request, and are not sent anywhere.

It folds the list away and says "Hidden. Yours goes in as a new request", with a button that shows it again; the box keeps its height, so the fields beside it don't move. The category and the impact are always asked, and a title of fewer than six characters is refused with a message under the field and focus back in it. In your app the same button is a good place to record that a person saw the duplicates and went on anyway.

Yes. The real dialog is named by its title and described by its sentence, focus starts in the title and stays inside until it closes, and Escape, Cancel and the close button return focus to Request a feature. Each Vote toggle is named with the request it is for, such as "Vote (23) for Offline mode". The trigger is passed to DialogTrigger through render, and the dialog is controlled with open and onOpenChange. The copy shown on load moves no focus.

All of it. The eight requests, their votes and the board are typed constants, and nothing is posted: Submit request adds a card to the drawn Considering lane and says so in a polite message. In your app post the title, category, impact and details from submit, add the card from the response, and ask your server to link the new request to the one a person says it duplicates.