最近、Javascriptで開発していて、ブラウザ依存のバグに出会うことが多いので、実例をメモ。
原因と対策は、リンク先を参照されたし。
ifreame上のinput、textareaからキャレットが消えるバグ
Windows版Firefoxで発症。
実例
↑の場合は、背景のオーバレイDIVを消したら、治った。
Bug 226933 - Caret vanishes in input form elements over iframe - lambda {|diary| lambda { diary += 1 } }.call(hatena)
http://d.hatena.ne.jp/winebarrel/20070814/p1
透明のオーバレイDIVを表示すると勝手にFlashが消えるバグ
Mac版Firefoxのみ発症。
透明度が関連するので、DIVのフェードイン、フェードアウトのエフェクトでも再現した。
実例
Bug:Flash Disappear in Firefox on Mac http://www.hedgerwow.com/360/bugs/opacity-disable-flash-on-mac-firefox.html
Javascriptで生成したラジオボタンが選択できないバグ
Windows版 IE6、IE7で発症。
実例
一番、わかりにくくてハマりました。
IEで生成されているHTMLソースを見て判明。
生成されたHTMLの参照はIE7Proがオススメ。日本語対応、無料、IE6でも使える。
プロキシの切り替えがCtrl+F9でできるのでプロキシ駆動開発にも便利。
掲示板/JavaScript質問板/DOMを利用して追加したエレメントのエラーチェック - TAG index http://www.tagindex.com/cgi-lib/q4bbs/patio.cgi?mode=view&no=1211 IE は createElement('input') した要素の name 属性を変更することができない。
同じようなバグで悩まされている方の参考になれば幸いです。
