Internet Explorer 11 で frameset を利用したコンテンツ内で input 要素または textarea 要素にテキスト入力をしても、入力中の文字列に下線が表示されないことがある

適用対象: Internet Explorer 11

現象


Internet Explorer 11 で frameset を利用したコンテンツ内の input 要素や textarea 要素にテキストを入力しても、入力中の文字列に下線が表示されないことがあります。

- 再現手順
  1. 以下の 2 つの html ファイルを Web サーバーに配置し main.html にアクセスします。

    main.html
    ----------
    <!DOCTYPE html>
    <html>
    <frameset cols="80%,*">
      <frame src="frame.html">
      <frame src="frame.html">
    </frameset>
    </html>

    frame.html
    ----------
    <!DOCTYPE html>
    <html>
    <body>
    <input>
    <textarea></textarea>
    </body>
    </html>

  2. input 要素または textarea 要素で IME 日本語入力をオンにし「にほんご」と入力します。
  3. 「にほんご」の文字列に下線が表示されません。


回避策


Web サイト側で問題を回避するためには、IE9 標準モードより前のドキュメント モードを使用します。
たとえば、IE9 標準モードにもっとも近い IE8 標準のドキュメント モードを使用するには、次の HTTP 応答ヘッダーまたは meta タグを使用します。
  • HTTP ヘッダー
    X-UA-Compatible: IE=8
  • meta タグ
    <meta http-equiv="X-UA-Compatible" content="IE=8">

状況


マイクロソフトでは、この問題をこの資料の対象製品として記載されているマイクロソフト製品の問題として認識しています。