Rails e data-disable-with non funzionano con Safari

Question

<%= f.button :button, 'Move', class: "btn btn-warning", data: { disable_with: "<i class='fa fa-spinner fa-spin'></i> Moving…"} %> 

Questo funziona bene in Chrome ma non riesce in Safari. Funziona su collegamenti ma non su pulsanti o sottomissioni. Sembra che ci siano pochi post su questo, ma nessuna risposta definitiva. La console della mia pagina web non genera errori JS, ecc.

Il pulsante è effettivamente disabilitato (è possibile vedere l'icona "non inserire" al passaggio del mouse per un momento dopo aver fatto clic sul pulsante) ma il testo non cambia.

Probabilmente posso conviverci, ma sarebbe bello risolverlo.

Answer 1

Ciò è causato dal comportamento normale di Safari che interrompe l'aggiornamento del DOM dopo che un modulo è stato inviato, motivo per cui non viene visualizzato alcun errore nella console!

(c'è un esempio here per dimostrare questo)

L'unico modo che ho trovato che può risolvere questo è quello di ritardare l'invio del modulo da uno script js c'è uno scritto come una soluzione per questo problema here

discussione correlati: https://github.com/rails/jquery-ujs/issues/306#issuecomment-167118087