Materializeを使って作成したselectタグのプルダウンが、スマホの時だけうまく反応しない

Materializeを使って、以下のようなプルダウンを作成しております。

■起きている問題
PCで操作した際は問題なく動作・反応してくれるのですが、スマートフォンで操作しようとするとうまく動作せず困っております。。
例えば、「ユーザー３」を選択したくて上記画像の灰色の部分を指でタップしても、「ユーザー３」が選択されずに値が「ご自身のニックネームを選択ください」のままで残ったり、たまに反応しても下の「ユーザー４」や「ユーザー５」が選択されてしまうといった状態です。

該当のコードは以下の通りです（ブラウザに表示されたもの）

HTML
1<div class="input-field input-field--size">
2    <form method="post" action="********">
3        <input type="hidden" name="csrfmiddlewaretoken" value="*****">
4        <!--  -->
5            <div class="select-wrapper">
6                <input class="select-dropdown dropdown-trigger" type="text" readonly="true" data-target="select-options-*****">
7                    <ul id="select-options-*****" class="dropdown-content select-dropdown" tabindex="0" style="display: block; width: 304px; left: 0px; top: -254px; height: 300px; transform-origin: 0px 100%; opacity: 1; transform: scaleX(1) scaleY(1);">
8                        <li class="disabled" id="select-options-*****" tabindex="0"><span>ご自身のニックネームを選択ください</span></li>
9                        <li id="select-options-*****" tabindex="0" class=""><span>メンバー１</span></li>
10                        <li id="select-options-*****" tabindex="0"><span>メンバー２</span></li>
11                        <li id="select-options-*****" tabindex="0" class="selected"><span>メンバー３</span></li>
12                        <li id="select-options-*****" tabindex="0"><span>メンバー４</span></li>
13                        <li id="select-options-*****" tabindex="0" class=""><span>メンバー５</span></li>
14                    </ul>
15                    <svg class="caret" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"></path><path d="M0 0h24v24H0z" fill="none"></path></svg>
16                    <select name="evaluator_id" tabindex="-1">
17                        <option value="" disabled="" selected="">ご自身のニックネームを選択ください</option>
18                        <option value="54">メンバー１</option>
19                        <option value="55">メンバー２</option>
20                        <option value="56">メンバー３</option>
21                        <option value="57">メンバー４</option>
22                        <option value="58">メンバー５</option>
23                    </select>
24            </div>
25        <button type="submit" class="btn blue accent-3 btn-blue btn-size waves-effect waves-light">OK</button>
26    </form>
27</div>