mirror of
https://github.com/rn10950/RetroZilla.git
synced 2024-11-09 09:20:15 +01:00
67 lines
3.2 KiB
HTML
67 lines
3.2 KiB
HTML
|
<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>
|