Challenge 1 / 1

I was going through my site's JavaScript and I saw this piece of code in app.js:

document.addEventListener('turbo:submit-start', (event) => {
    event.detail.formSubmission.submitter.classList.toggle('loading');
});

This must be the code responsible for adding a loading state to the buttons in my forms!

How does the Turbo event turbo:submit-start work?

turbo:submit-start gets dispatched every time a form gets submitted from within a turbo frame.

turbo:submit-start gets dispatched every time a form is rendered on a turbo frame.

turbo:submit-start gets dispatched every time a form is rendered anywhere on our site.

turbo:submit-start gets dispatched every time a form gets submitted anywhere on our site.