Firefox の display:inline をコピーしたときに改行が入る
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行でコピーされました。