RetroZilla/layout/html/tests/table/interactive/bug42643.html

67 lines
3.2 KiB
HTML
Raw Normal View History

2015-10-21 05:03:22 +02:00
<html>
<body>
<p style="font-family: geneva, sans-serif; font-size: 12px">
To reproduce the bug, move slowly the mouse cursor onto one of these cells and
keep the cursor in an empty area. It will incorrectly hilite part of the text
instead of hiliting the entire cell. Then move the cursor above some text inside
the cell: the entire cell is now hilited correctly.<br><br>
The bug changes a bit depending on the cell.
<br>- Cells #1 and #4: the first line is not hilited.
<br>- Cells #2 and #3: the first and last lines of text are not selected.<br><br>
NOTES:
<br>- After you moused-over all the cells, everything works fine. You have to reload the page
to see the problem again.
<br>- The problem seems specific to text inside table cells. It doesn't happen with DIVs.
<br><br>
</p>
<h3>DIVs are fine</h3>
<div style="border: solid; width: 200px"
onmouseover="this.style.backgroundColor='#8080FF';"
onmouseout="this.style.backgroundColor='#F7F6F4';">
The quick brown fox jumps<br> over the lazy dog<br> over and over and over
</div>
<h3>TABLEs show the bug</h3>
<table width=200 cellpadding=0 cellspacing=0 border=0><tr><td background="">
<table border="2" cellpadding="0" cellspacing="0">
<tr><td
onmouseover="this.style.backgroundColor='#8080FF';"
onmouseout="this.style.backgroundColor='#F7F6F4';">
The quick brown fox jumps over the lazy dog over and over and over
</td></tr>
<tr><td
onmouseover="this.style.backgroundColor='#8080FF';"
onmouseout="this.style.backgroundColor='#F7F6F4';">
<font face="Arial, Helvetica, sans-serif" size=3 color="000000">
The quick brown fox jumps over the lazy dog over and over and over and over and over and over and over and over and over and over and over and over and over
</font>
</td></tr>
<tr><td
onmouseover="this.style.backgroundColor='#8080FF';"
onmouseout="this.style.backgroundColor='#F7F6F4';">
<font face="courier" size=4 color="000000">
The quick brown fox jumps over the lazy dog over and over and1234
</font>
</td></tr>
<tr><td
onmouseover="this.style.backgroundColor='#8080FF';"
onmouseout="this.style.backgroundColor='#F7F6F4';">
<font face="courier" size=4 color="000000">
The quick brown fox jumps over the lazy dog over and over and12345
</font>
</td></tr>
</table>
</td></tr></table>
</body>