Emoji Picker Chat Block for Solid

With the strip open, the digits 1 to 6 add the matching emoji, Tab adds the first, and the left and right arrow keys move the active one (reversed in a right to left page) so Enter adds it. Escape closes the strip and typing reopens it. Everything is done from the field, so focus never leaves what you are writing.

The text between a colon and the caret is the query, and an emoji matches when its shortcode contains it. Recently picked emoji come first, then codes that start with the query, then the rest, up to six in all. When nothing matches, the line under the strip says so and tells you to keep typing or press Escape.

A message that holds only one to three emoji and nothing else is drawn at a large size without a bubble, and a screen reader hears the emoji's names (for example "party popper, raising hands") instead of the glyphs. Anything with words stays a normal bubble.

They are data in the file: a short typed list with a shortcode, a glyph and a name for each. They are content here and never used as interface icons. In your app, load a full emoji set and keep the same shape; the full tabbed picker with skin tones is a different block.

Everything. The thread is typed, the replies come from a short script, and nothing is sent, as the line under the composer says. Send each message to your server where the code says so.

Tap the smiley button beside the field to type a colon, type a few letters, then tap an emoji in the strip. The window keeps its height and only the log scrolls.