<%= turbo_frame_tag @bubble, :edit do %> <%= form_with model: @bubble, url: bucket_bubble_path(@bubble.bucket, @bubble), class: "flex flex-column gap full-width", data: { controller: "form" } do |form| %> <%= form.label :title, class: "flex flex-column justify-center align-center" do %> <%= form.text_area :title, class: "input input--textara txt-align-center full-width borderless", required: true, rows: 5, autofocus: true, placeholder: "Name it…", data: { action: "keydown.ctrl+enter->form#submit:prevent keydown.meta+enter->form#submit:prevent keydown.esc->form#cancel focus->form#select" }, style: "color: var(--spat-color); --input-border-radius: 0" %> <% end %> <%= form.submit "Save", hidden: true %> <%= link_to "Close editor and discard changes", bucket_bubble_path(@bubble.bucket, @bubble), data: { form_target: "cancel" }, hidden: true %> <% end %> <% end %>