2011-10-24 26 views
2

データ入力のためのいくつかの選択ドロップダウンリストを含むiframeがあります。私は最近、iframeでselect要素をマウスでクリックしたことに気づき始めました。ドロップダウンリストは展開されません。ユーザーはドロップダウンをクリックしてフォーカスを設定し、キーボードの上下矢印を使用して内容をスクロールすることができますが、リストの横にある矢印ボタンをクリックしても内容は表示されません。&IE7クロスドメインiFrame問題を選択

このフレームが埋め込まれている親ページは、別のドメインにあります。最初は、これはiframe内のjavascript onfocusイベントと関係があると考えました。私はすべてのスクリプトを取り除き、すべてのCSSを取り除き、単純な静的なhtmlの親に静的なhtmlの単純なiframeページを持っていました。同じサーバーで実行すると、ドロップダウンは正常に動作しますが、親ページが1つのドメインに存在し、iframeの内容が別のドメインにある場合、選択リストは展開できません。

この問題は、IE7でのみ発生するようです。私はIE8 & IE9でSafari、Chrome & Firefoxでも何の問題もなくテストしました。私は、同じ問題に実行されているようだが、解決されていないように思われる先週のカップルのブログ記事(以下のリンク)を見つけました。

http://johannes.jarolim.com/blog/2011/10/20/internet-explorer-cross-domain-iframes-and-unusable-select-boxes/

http://scrumpy-jack.com/post/11177166236/html-select-crazy-egg-ie-and-iframes-updated

誰もがこの問題の解決策を見つけていますか?

答えて

4

私たちは、jQueryのドロップでダウンメニュー標準のドロップをスワップアウトすることにより、所定の位置に、この問題の回避策を置きますIE7ユーザーの場合のみ。私たちはスクリプトを開発し、いくつかのIE条件付きタグの間にそれを落としました。

MSが別のパッチを発行するのを待つことができませんでした。

+0

同様のIEバージョンベースの回避策を実装しました。あなたの回答を回答としてマークするのが遅れていることをお詫び申し上げますと申し訳ありません! –