td内のテキスト文末に半角スペースを入れた時のコピーについて

Question

tableのtd内のテキスト文末に半角スペースが混入していた場合、1行だけコピーしようとした場合、文末の半角スペースがコピーできず、複数行コピーしようとした場合、文末の半角スペースがコピーできるのは何故でしょうか？

	<table>
		<tr>
			<td>文末に半角スペース </td>
		</tr>
		<tr>
			<td>文末に半角スペース文末に半角スペース </td>
		</tr>
		<tr>
			<td>文末に半角スペース </td>
		</tr>
	</table>

(1)ブラウザで1行だけコピーしようとすると、半角スペースをコピーできない
説明](be444bd568e36ec1c7ce43326e9b4ac6.png)

(2)ブラウザで複数行コピーしようとすると、文末の半角スペースをコピーできる

Answer 1

動くサンプル：https://jsfiddle.net/f527Leha/

• Windows IE11

選択範囲は文字列のみに見えるが、コピーすると空白も取れる。
複数行選択すると、空白＋改行分（？）の空白の2つの空白が各行に付く

• Windows Firefox

1行でも選択できる。
複数行選択すると、なぜか最終行の空白以外が消える。

• Windows Chrome

1行でも複数行でも空白が消える。

謎ですね。

Answer 2

レンダリングについて、HTML4ではこれに言及しています。
http://www.asahi-net.or.jp/~sd5a-ucd/rec-html401j/struct/text.html#h-9.1

ユーザエージェントが開始タグ直後または終了タグ直前の空白類をレンダリングするとは期待しないようにすべきである

さらに CSS の white-space を見ると、行末の空白は除去するとなっています。
CSS 2.1
https://www.w3.org/TR/CSS2/text.html#white-space-prop
(和訳)http://momdo.s35.xrea.com/web-html-test/spec/CSS21/text.html#white-space-prop

CSS Text Module Level 3
https://drafts.csswg.org/css-text-3/#white-space-property
(和訳)https://triple-underscore.github.io/css-text-ja.html#white-space-property

レンダリング通りにコピーされるのが Chrome ということでしょう。
innerText の差のようなものかもしれません。
https://developer.mozilla.org/ja/docs/Web/API/Node/innerText

Comments

[DeepRoastBeans]

ありがとうございます！！！！
めちゃくちゃ参考になりました！

Answer 3

やってみましたが、ブラウザによって違うみたいです。
IE11、Firefox ⇒ 空白までコピーできる
Chrome ⇒ 空白がコピーできない

Answer 4

1行でもコピーできると思いますが、
どのように行選択されましたか？

Comments

[DeepRoastBeans]

chromeで複数行選択すると、空白がコピーできるのですが、一行のみ選択すると、空白がコピーできないです。