1165337 - Resize Handles are not positioned correctly for table with header inside contenteditable container.

Status: NEW

(Core :: Layout: Images, Video, and HTML Frames, defect)

Description

[j.swiderski]

User Agent: Mozilla/5.0 (Windows NT 6.1; WOW64; rv:37.0) Gecko/20100101 Firefox/37.0
Build ID: 20150415140819

Steps to reproduce:

1. Use this code on HTML page:

<div style="margin:10px; border:1px solid #ccc;" contenteditable="true">
<table border="1" bordercolor="#ccc" style="border-collapse:collapse; height:150px; width:250px">
	<caption><strong>Test</strong><br />
	<strong>Test 2</strong></caption>
	<thead>
		<tr>
			<th scope="col">Head 1</th>
			<th scope="col">Head 2</th>
		</tr>
	</thead>
	<tbody>
		<tr>
			<td>Col 1</td>
			<td>Col 2</td>
		</tr>
	</tbody>
</table>
</div>

2. Click on the table and observe table resize/drag handles.

Similar issues:
https://bugzilla.mozilla.org/show_bug.cgi?id=485975
https://bugzilla.mozilla.org/show_bug.cgi?id=772048


Actual results:

Drag/Resize handles are not positioned on the edges/corners of the table. There displaced by the height of table header.


Expected results:

Handles should be positioned on the edges/corners of the table.

Comment 1

[Justin [:JW_SoftvisionQA]]

I confirmed this bug on Nightly 46.0a1 on Win 7 and Win 8.1.

Name 	Firefox
Version 	46.0a1
Build ID 	20151217030207
Update History 	
Update Channel 	nightly
User Agent 	Mozilla/5.0 (Windows NT 6.3, 6.1; Win64; x64; rv:46.0) Gecko/20100101 Firefox/46.0

Comment 2

[totallympics]

I also have the same bug on my forum with IP Board software. Can you please fix it in the next Firefox release ??

Thank you in advance !!