Merge pull request #1815 from basecamp/fix-ios-login

Allow typing magic links on mobile

app/javascript/controllers/magic_link_controller.js

@@ -4,16 +4,12 @@ import { onNextEventLoopTick } from "helpers/timing_helpers"
 export default class extends Controller {
   static targets = [ "input" ]
 
-  submit(event) {
+  submit() {
-    onNextEventLoopTick(() => {
-      this.inputTarget.disabled = true
-    })
-  }
-
-  paste(event) {
     onNextEventLoopTick(() => {
+      if (!this.inputTarget.disabled) {
         this.element.submit()
         this.inputTarget.disabled = true
+      }
     })
   }
 }

app/views/sessions/magic_links/show.html.erb

@@ -10,7 +10,7 @@
     <%= form.text_field :code, required: true, class: "input center txt-align-enter txt-large",
         autofocus: true, autocorrect: "off", autocapitalize: "off", spellcheck: "false", "data-1p-ignore": true,
         autocomplete: "one-time-code", maxlength: "6", placeholder: "••••••", value: params[:code],
-        data: { magic_link_target: "input", action: "keydown.enter->magic-link#submit paste->magic-link#paste" } %>
+        data: { magic_link_target: "input", action: "keydown.enter->magic-link#submit paste->magic-link#submit" } %>
   <% end %>
 
   <p class="txt-small">The code you receive will work for <%= distance_of_time_in_words(MagicLink::EXPIRATION_TIME) %>.</p>