Links with method="post" and CORS issues about turbo HOT 9 CLOSED

@boardfish @dhh moved data-turbo="false" to the form tag and it works great now, thanks!

from turbo.

Upgraded to the new beta and the issue remains, unfortunately.

from turbo.

It's not the button that needs data-turbo="false", it's the form that button belongs to.

from turbo.

We just released 7.0.0-beta.2 which allows you to opt out of form submissions with data-turbo="false".

from turbo.

Testing this now for my use case. I'll close if it rectifies my issue.

from turbo.

@boardfish same here. Updated my button code to:

<button data-turbo="false" type="submit" name="subscribe" class="button is-medium is-black is-outlined is-fullwidth">Subscribe 🚀</button>

And it doesn't work, here's the console.error I'm getting:

from turbo.

That's correct for buttons, but the link in the OP doesn't have a surrounding form. The data-method attribute controls the request method. I think this particular case is using fetch regardless of whether Turbo is enabled or not.

from turbo.

Ah yeah, then that's a bug. Turbo shouldn't be dealing with links that have data-turbo=false. cc @sstephenson

from turbo.

@timonweb Your button should look like this:

<form data-turbo="false" method="post" action="/subscribe">
  <input class="button is-medium is-black is-outlined is-fullwidth" name="subscribe" type="submit" value="Subscribe 🚀">
</form>

If you're on Rails, use a form helper:

    <%= button_to 'Subscribe 🚀', '/subscribe', class: 'button is-medium is-black is-outlined is-fullwidth',  name: 'subscribe', form: { 'data-turbo': false } %>

Hope that helps!

from turbo.