data-disable-withで設定したものの、safariで正しく動作しません

Question

現状

下記のような内容で極めてシンプルな検索バーを実装しました。

chromeで動作確認したところ、検索ボタンを押下した直後にdisabledがbuttonタグに追加されて、文字列も"検索中..."に切り替わり、色も変色しましたが、safariで実行したところ、disabledは追加され、ボタンも押せなくなりますが文字が"検索中..."に変化せず、変色もしません。

<form action=​"/​customers" accept-charset=​"UTF-8" method=​"post">​
  <input type="number" name="q" id="q" placeholder="お客様ID">
  <button name="button" type=​"submit" class=​"btn" data-disable-with=​"検索中...">​検索​</button>​
</form>

###質問
上述の現状の挙動の原因は一体なんでしょうか？どうすれば上記のコードをsafariで正しく実行できますか？
なお、safariはどのバージョンでも同じ挙動(disabledは追加されるが文字列、buttonの変色が無し)です。

Answer 1

下記「?」が入っているところに制御文字か何かが入っていますが、それを削除しても同じでしょうか。

<form action=?"/?customers" accept-charset=?"UTF-8" method=?"post">?
  <input type="number" name="q" id="q" placeholder="お客様ID">
  <button name="button" type=?"submit" class=?"btn" data-disable-with=?"検索中...">?検索?</button>?
</form>

また、data-disable-withをどんなライブラリが使用しているかを提示されたほうが良いと思います。

【jQueryで特殊文字&#8203を除去する方法！ゼロ幅スペースの意外な落とし穴！ | 自作PCテクニカルセンター】
http://jisakupc-technical.info/programing/jquery/4560/

Comments

[Daimian]

ご回答ありがとうございます！ご指摘いただいた制御文字はどのように見つけられたのでしょうか？自分が記載したソースコードには入ってないように思うのですが。。
ライブラリ？について、ruby on railsのview部分で使用しています。という回答になるのでしょうか？要領を得ておらずすいません。。

[kei344]

> 記載したソースコードには入ってないように思うのですが。。
入っているので指摘しました。

[Daimian]

ちなみに、ご指摘いただいた制御文字はどのように見つけられたのでしょうか？

[kei344]

たまたま特殊な文字列に対応していないエディタを持っているので、それで確認しましたが、下記ツールなどで数値参照化したら一応わかりますね。

【エンコードマニアックス】
http://www.encodemaniax.com/

[Daimian]

ありがとうございます！