2007年10月アーカイブ

最近、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 属性を変更することができない。

同じようなバグで悩まされている方の参考になれば幸いです。

このアーカイブについて

このページには、2007年10月に書かれたブログ記事が新しい順に公開されています。

前のアーカイブは2007年9月です。

次のアーカイブは2007年11月です。

最近のコンテンツはインデックスページで見られます。過去に書かれたものはアーカイブのページで見られます。

ウェブページ