にむかひて

Uncaught RangeError: Maximum call stack size exceeded.

• LiveViewのlive_helpers.exにあるモーダルをカスタマイズしているときに遭遇

• モーダルを閉じる操作 phx-click-away={JS.dispatch("click", to: "#close")} 時に発生している様子

  • ほかの閉じるボタンやEscボタンでは発生しない

• Alpine.jsとの兼ね合いかと x-ignore してみたけどダメ

• bubbles: true 付けてみると何も起こらない

• エラー内容をみるに #close 自体が .away の対象になっていてループしている…?

  • 同じdiv内にあるけれど…(?)

• 試しに、#closeで行っている処理をそのまま実行すると通る

結論

phx-click-away={hide_modal()} にした