サポート » 使い方全般 » IE8でテキストエリア入力が出来ない

  • 解決済 rainbowtroy

    (@rainbowtroy)


    こんにちは、初投稿です。wordpress歴はまだ半年です。
    よろしくお願いいたします。

    wordpress 3.01
    IE8 8.06001.18702IC

    投稿画面のカスタムフィールドへの入力が出来なくなってしまいました。
    現象としては
    ・一行テキスト(スラッグ入力、トラックバック送信)には入力できる
    ・テキストの色がバックグランド色になっている
    ・カーソルがテキストエリアに表示されず、マウスカーソルが
     矢印十字(移動させる時にでる)カーソルになっている。
    また、投稿の方のテキストエリアは、入力できるのですが、改行をすると3行づつぐらい
    飛とんでしまいます。

    今までやった対策
    ・プラグイン全解除→現象かわりません
    ・互換表示
     →投稿の改行飛び変わらず。カスタムフィールドはwordなどでテキストを選択したような(四隅が□の)表示になり、ダブルクリックで入力できるのですが、改行が出来なくなりました。
    ・wp-admin/admin-header.phpに<meta http-equiv=”X-UA-Compatible” content=”IE=EmulateIE7″>を記述
     →「互換表示」と同じ

    ※firefox,chromeでは問題無く動作してます。
    ※wordpress 3.3にアップグレードしても変わらずでした。

    IE8が原因なのかは不明ですが、いつから出来なくなってしまったのかが把握出来てません。
    (表示系の修正ばかりしていたので。。)
    登録ユーザさんが記事投稿出来ずに困ってます。
    みなさんのお知恵をお願いいたします。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • まず一応確認です。
    いつからなったかわからない、ということは、最初はできてたということでいいのですかね?

    よくIE系でありがちなのは(私も、本日修正に追われているのですが)relativeやabsoluteで位置決めしていると、ブロック要素などが上に重なってしまうことがあります。
    そういう関係じゃないですかね?

    kvexさん

    早速のお返事ありがとうございます。
    そうなんです、最初は出来てました。

    それがwordpress3.01にアップしたときなのか、IE8を入れた時なのかが良く分かりません。何か他が原因なのか、わかりませんが管理画面の関連のCSS等はいじっておりません。

    kvexさん

    IEの開発者ツールで、投稿編集画面を見るとHTMLでテキストエリアは
    <textarea name=”meta[15032][value]” tabIndex=”6″ class=”drawn hasCorners” id=”meta[15032][value]” style=”background-image: none; border-bottom: medium none; position: relative; text-align: left; border-left: medium none; padding-bottom: 0px; background-color: transparent; padding-left: 0px; width: 436px; padding-right: 0px; height: 40px; border-top: medium none; border-right: medium none; padding-top: 0px;” rows=”2″ cols=”30″ jQuery1293018943203=”11″>

    その下にdivで
    <div style=”position: absolute; width: 4px; height: 4px; font-size: 1px; overflow: hidden; top: 0px; left: 0px;”>
    など、スタイルを設定しているものが沢山ぶら下がってるのですが、コレが原因ですか?
    それとも別に問題ないものでしょうか?

    どうやら、使用していたテーマをやめると入力が出来るようになりました。
    投稿編集画面にもテーマの何かしらが影響するのでしょうか?

    自己解決しました。
    function.phpに角を丸くするために、javascript fileをフィルターかけてたのですが、
    それが悪さをしていたようです。 なんでそうなったかまでは追えませんでした。

    function.php内
    add_action(‘wp_print_scripts’, ‘Add_JavaScript_File’);
    function Add_JavaScript_File() {
    // JavaScriptファイルを登録
    wp_enqueue_script(‘jquery’);
    $jsurl = get_bloginfo(‘template_url’) . ‘/jquery.curvycorners.packed.js’;
    wp_enqueue_script(‘curvycorners’,$jsurl);
    }

    上記をコメントして、開発者ツールで見ると、<div style=”position absolute …の
    大量ぶら下がりは無くなりました。

    うーん、いまいち納得がいってませんが、わかる方いらっしゃったら教えてください。

5件の返信を表示中 - 1 - 5件目 (全5件中)
  • トピック「IE8でテキストエリア入力が出来ない」には新たに返信することはできません。