現状
下記のような内容で極めてシンプルな検索バーを実装しました。
chromeで動作確認したところ、検索ボタンを押下した直後にdisabledがbuttonタグに追加されて、文字列も"検索中..."に切り替わり、色も変色しましたが、safariで実行したところ、disabledは追加され、ボタンも押せなくなりますが文字が"検索中..."に変化せず、変色もしません。
html
1<form action="/customers" accept-charset="UTF-8" method="post"> 2 <input type="number" name="q" id="q" placeholder="お客様ID"> 3 <button name="button" type="submit" class="btn" data-disable-with="検索中...">検索</button> 4</form>
###質問
上述の現状の挙動の原因は一体なんでしょうか?どうすれば上記のコードをsafariで正しく実行できますか?
なお、safariはどのバージョンでも同じ挙動(disabledは追加されるが文字列、buttonの変色が無し)です。
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2019/01/21 03:25
2019/01/21 04:20
2019/01/21 07:10
2019/01/21 08:38
2019/01/26 05:27