<%= turbo_frame_tag @comment, :new_reaction do %> <%= form_with model: [ @comment.card, @comment, Reaction.new ], class: "reaction reaction__form expanded", html: { aria: { label: "New reaction" } }, data: { controller: "form", turbo_frame: dom_id(@comment, :reacting), action: "keydown.esc->form#cancel" } do |form| %>

<%= avatar_tag Current.user %>

<%= form.text_field :content, autofocus: true, autocomplete: "off", autocorrect: "off", maxlength: 16, required: true, pattern: /\S+.*/, class: "input reaction__input txt-small", aria: { label: "Add a reaction" } %> <%= form.button class: "btn btn--circle borderless btn--reversed", type: "submit" do %> <%= icon_tag "check" %> Submit <% end %> <%= link_to card_comment_reactions_path(@comment.card, @comment), role: "button", data: { turbo_frame: dom_id(@comment, :reacting), form_target: "cancel" }, class: "btn btn--circle borderless btn--negative" do %> <%= icon_tag "minus" %> Cancel <% end %> <% end %> <% end %>