【Rails7 / Turbo】redirect_to の場合にのみTurboを無効化する

Question

実現したいこと

Rails7では、デフォルトで hotwire/turbo が導入されており、link_to や button_to で有効になっています。

app/javascript/application.js

import "@hotwired/turbo-rails"

この時、redirect_to の場合のみTurboを無効化するオプションは存在しますか？

発生している問題・分からないこと

button_to などでは、turbo_confirm を使用することで確認ダイアログを表示することができますが、
controller 上で別ページへリダイレクトされる際にも、TurboDriveが効いてしまいDOMの一部分しか書き換わりません。

遷移先のページにGoogleMapなどを利用していると、GoogleMapのロードに初期化に失敗したりと副作用が多いため、ページ全体をリロードするようにTurboを無効化したいです。
しかしbutton_toの時点でTurboを無効化してしまうと、Turboのダイアログも無効化されてしまい表示されません。

該当のソースコード

<%= button_to "Destroy", post_path(@post), method: :delete, data: { turbo: false, turbo_confirm: "Are you sure?" } %>

# DELETE /posts/1
def destroy
    @post.destroy!
    redirect_to posts_url, notice: 'successfully', status: :see_other
end

試したこと・調べたこと

• teratailやGoogle等で検索した
• ソースコードを自分なりに変更した
• 知人に聞いた
• その他

上記の詳細・結果

form を生成する button_to ではなく link_to でも同様の現象が発生しております。

<%= link_to "Destroy", post_path(@post), data: { turbo_method: :delete, turbo_confirm: "Are you sure?" } %>

hotwired/turbo-rails の Github issues でも検索してみましたが、めぼしい結果は得られませんでした。

補足

特になし

Answer 1

JSの confrim を参考に、独自で確認ダイアログを用意する方法で実装しました。

window.delete_confirm = function delete_confirm(message = '本当に削除しますか？'){
  if(window.confirm(message)){
    return true;
  } else {
    return false;
  }
}

<%= button_to "Destroy", post_path(@post), method: :delete, data: { turbo: false }, form: {onSubmit: "return delete_confirm('Are you sure?')" } %>

Answer 2

遷移先のページにGoogleMapなどを利用していると、GoogleMapのロードに初期化に失敗したりと副作用が多いため

対応策としては、以下の2つが考えられます。

• Google Mapの表示をTurbo対応に作り変える（ページ遷移のタイミングを見て表示処理を差し込むなど）
• 当該ページへ向かうリンク（あるいはその祖先要素）にdata-turbo="false"を追加する

Comments

[stimlocy]

GoogleMapの callback=initMap タイミングやpin、pathの描画タイミングを、turboのcallbackを把握しながら処理させるのは難しいと考えたため、GoogleMapのturbo対応は諦めました。
また、リンクあるいは祖先要素でturboを無効化してしまうと、質問本文のコードと同様に、子要素の確認ダイアログが表示されなくなってしまいます。

そのため、自己解決に記載したように、turbo側で用意されている確認ダイアログとは別に、独自で確認ダイアログのfunctionを用意して、submitでfunctionを発火させるような形を取りました。
試してはいませんが、link_toでもhrefにJSの発火を対応させれば同じようになるかと思います。
ありがとうございます。