1074737 - Cannot select the table content in a contentEditable container

Status: UNCONFIRMED

(Core :: DOM: Selection, defect, P5)

Description

[Naim Hammadi]

Attachment: Table selection bug.html

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/37.0.2062.124 Safari/537.36

Steps to reproduce:

1- Add a table tag with some text on it to a contentEditable div

<div contenteditable="true">
<table style="table-layout: fixed; word-break: break-all; border-collapse: collapse; border: 0pt solid black; width: 16cm;" cellspacing="0" cellpadding="0">
<tbody>
<tr>
<td style="padding: 0cm 0.19cm 0cm 0.19cm; vertical-align: top; width: 8cm; border: 1pt solid #000000;">
cell 1
</td>
<td style="padding: 0cm 0.19cm 0cm 0.19cm; vertical-align: top; width: 8cm; border: 1pt solid #000000;">
cell 2
</td>
</tr>
<tr>
<td style="padding: 0cm 0.19cm 0cm 0.19cm; vertical-align: top; width: 8cm; border: 1pt solid #000000;">
cell 3
</td>
<td style="padding: 0cm 0.19cm 0cm 0.19cm; vertical-align: top; width: 8cm; border: 1pt solid #000000;">
cell 4
</td>
</tr>
</tbody>
</table>
</div>

2- Using the mouse, try to select the whole table content starting from cell 1 to cell 4


Actual results:

- The table and its cells borders will be highlighted in blue and its content is not selected
- The selection object return invalid values:
var sel = document.getSelection();
sel.anchorNode ==> <tr> (the second table line)
sel.focusNode ==> <tr> (the second table line also)


Expected results:

- The whole text content will be highlighted in blue like all the other browsers
- The selection object must return these values:
sel.anchorNode ==> <tr> (the first table line)
sel.focusNode ==> <tr> (the second table line)

Comment 1

[Jens Stutte [:jstutte]]

Bulk-downgrade of unassigned, >=5 years untouched DOM/Storage bugs' priority.

If you have reason to believe this is wrong (especially for the severity), please write a comment and ni :jstutte.