in te redi

posted by nano on May 13, 2007 05:44

to

• firefox
• issue
• css

あるいは、

• Firefoxでテキスト入力中のカーソルに点のようなものがついてる
• Firefoxでテキスト入力中の文字入力ポインタに横棒のようなものがついてる
• Firefoxの棒カーソルに変なものがついてる
• Firefoxの縦になってるカーソルの形状がおかしくなる
• 1みたいなカーソルの形が変
• Firefoxの棒がおかしい
• 棒が"ト"みたいな感じ
• 棒に横棒が・・・
• はなくそみたい・・・

こんな感じで書けば、検索して掬われる可能性も高まるでしょうか。とりあえず。あのアレのことを"キャレット"と呼ぶってことを知ったのが一番の収穫でした。

具体的には、↑みたいになってました。ブラウジングに影響は無いのですが、なんだかきもちわるいので直してみようと思い立ちました。「キャレット」の単語を知ってからは、すぐ見つかりました・・・。

一部のテキストエリアでキャレット（カーソル）の形状が通常と異なる(Mozilla Firefox まとめサイト)

ページ内の一部にアラビア文字などの右から読む言語を含んでいるか、CSSの"direction:rtl;"が適用されていると、テキストエリアのキャレット表示が右上に短い横棒の入った形状に変更されます。これはバグではなく仕様によるものだそうです。

アラブ方面には縁が無いのでちょっと違う気もしたのですが、どうやら"direction:rtl;"は、サイドバーだとかブラウザのパーツを右側に表示するときなんかに使われてるそうです。たぶん、入れてる拡張のうちどれかの設定が影響してるのだと思いますが、検証してないので原因はなんとも分かりません。

いろいろ調べてやってみた結果、私の環境ではFirefoxのuserChrome.cssに

#browser { -moz-box-direction: ltr !important;}
#main-window,#main-window * {direction:ltr !important;}

を追加するといいみたいです。

以下に参考になった記事を紹介します・・・。どうやら、環境によって原因が違うようなので、下記の方法を試してもうまくまっすぐにならないかもしれません・・・。

Mozilla Firefox質問スレッド（初心者歓迎）の26(2ch)
サイドバーを右側に配置する(Mozilla Firefox まとめサイト)

(05.13.2007 追記)
どうやら、検索バーのキャレットは真っ直ぐになりましたが、ページ中のものは、まだ一部横棒状態のようです・・・。

Strange Cursor Artifact in Firefox, Bernie Zimmermann
Dot next to cursor - MozillaZine Forums※Caminoブラウザのもの
MozillaZineのフォーラムの発言によると、RTLとLTRが混在するページで発生するとか・・・。けっこう根深そうなので、横棒との戦いは続く感じです・・・。

(05.14.2007)
ページ中のキャレットに横棒がつく問題ですが、いくつかは解決しました。当初はページ中のものも何かの拡張が原因じゃないかと思ってたのですが、safeモードや新規プロファイルにしても横棒なので、どうやら違うようです。

たとえばlivedoorReaderの検索バーのキャレットには横棒がつきますが、これはこのページでつかわれてる#subs_containerという属性にdirection : rtl;の値が設定されてたためで、このことによって横棒がつくのはFirefoxの仕様に合ってることがわかります。ページ中横棒は、このようなサイトが多いです。

Gmailの場合、WebDeveloperのCSS閲覧モードでみてもdirectionプロパティが見つからなかったので、ScrapBook(見た目をそっくり保存してくれるので・・・。)を使って取り込んでみました。htmlが16分割もされてCSSのファイルが8つもあったのですが、directionのプロパティは見つかりませんでした。

ただ、Inboxにあるメールをすべてアーカイブした時や、個別のメールを開いてる時は横棒にならなかったため、どうやらメールの一覧を表示してる部分に、なんらかのアラビア語みたいなものが使われているのかもしれません・・・（アラブ人からのメールはありません・・・）。