いつもお世話になっております。
下記のようなHTML,javaScriptで、inputタグをタップすると全選択をする機能を作成しています。
しかしiOS13でのみ謎の挙動をしてしまうのです。
通常では1つめのinputタグをタップをするとvalueのテキストを全選択するのですが、
2つめのinputタグにカーソルを当てた後、再度1つめのinputタグをタップすると全選択できなくなってしまうのです。
いろいろ検証してみたところ、手動で1つめのinputタグを選択すると、その後からはタップで全選択が再度効くようになります。
こちら原因わかる方いらっしゃいますでしょうか?
よろしくお願いいたします!
<form action="">
<label for="name">name</label>
<input type="text" name="name" id="name" value="namaegahairimasu" class="js-inputSelect" readonly><br>
<label for="kana">kana</label>
<input type="text" name="kana" id="kana">
</form>
<script>
document.getElementsByClassName('js-inputSelect')[0].addEventListener('click', function () {
this.setSelectionRange(0, this.value.length);
}, false);
document.body.addEventListener("click", function (e) {
});
</script>