読者です 読者をやめる 読者になる 読者になる

Firefox の display:inline をコピーしたときに改行が入る

css firefox

Firefox で display:inline を指定した場合に、ブラウザの見た目とドラッグしてクリップボードにコピーしたときの文字列が違って困りました。コピーされた文字列にはブロック要素と同じく改行が挿入されるんです。

この HTML は、

hoge<div style="display:inline;">fuga</div>piyo

ブラウザでは、

hogefugapiyo

と表示されますが、これをドラッグして Ctrl + C でコピーすると、改行が入って

hoge
fuga
piyo

となります。バグ?


追記
デモページを作成。

IE は大丈夫だと思っていたら、inline-block だと挙動が怪しい。

hoge<div style="display:inline-block;">fuga</div>piyo

これが、こうなる。

hoge
fugapiyo

IE8の標準モードで現象を確認。IE7モードにするとちゃんと1行でコピーされました。