iframeとAlpine.jsを利用した機能がスマホのみで実装されない

実現したいこと

テーブルが表示されています。
テーブルごとにボタンがあり、そのボタンを押すとボタンの色が変わります（Alpine.jsを利用）。
ボタンを押すことで、新しいデータが保存されますが、遷移すると赤いボタンが消えてしまうので、iframeで遷移させないようにする。

発生している問題・エラーメッセージ

ローカルでは問題なく動いたのですが、サーバーに上げたらipadでは問題なく動くも、iphoneでは赤いボタンにならないので、原因を知りたいです。

iframeもAlpine.jsも初めて使ったので、そもそもの原因がどちらかも分かっていません。どちらが原因かだけでも知れたら嬉しいです。どなたか、ご教授いただければ幸いです。

該当のソースコード

php
1search_result.blade.php
2 <td>
3                <iframe name="votar" style="display:none;"></iframe>
4                    <form method="POST" action="{{ route('later',['id'=>$word->id])}}" target="votar">
5                    @method('patch')
6                    @csrf
7                    <div x-data="{ show: false }">
8                        <button @click="show = !show" :aria-expanded="show ? 'true' : 'false'" :class="{ 'active': show }">
9                        あとでに保存する
10                        </button>
11
12                    </div>
13                    </form>
14
15                </td>