| <head> |
| <style> |
| ol { margin: 0px; } |
| </style> |
| <script> |
| function run() |
| { |
| // Check if the two divs aren't overflowed by checking they have |
| // the same height. |
| var ref = document.getElementById("ref"); |
| var test = document.getElementById("test"); |
| var result = document.getElementById("result"); |
| if (ref.scrollHeight == test.scrollHeight) |
| result.appendChild(document.createTextNode("SUCCESS")); |
| else |
| result.appendChild(document.createTextNode("FAILED")); |
| } |
| |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| </script> |
| </head> |
| |
| <body onload="run();"> |
| |
| These two lines should look same as spaces after a list marker should |
| be ignored. There are 18 characters in each line. As they are 20px |
| width, the total width should be 360px + a few pixels for table. |
| If the space character after the list marker in "test" isn't ignored, |
| the number of characters become 19 and 370px div will be overflowed. |
| Note that this test requires Ahem font. |
| |
| <div style="height: 20px; overflow-y: scroll;" id="ref"> |
| <table style="width: 370px; font: 20px Ahem;"> |
| <tr> |
| <td><ol><li>XpX XpX</ol></td> |
| <td><ol><li>XpX XpX</ol></td> |
| </tr> |
| </table> |
| </div> |
| |
| <div style="height: 20px; overflow-y: scroll;" id="test"> |
| <table style="width: 370px; font: 20px Ahem;"> |
| <tr> |
| <td><ol><li> XpX XpX</ol></td> |
| <td><ol><li>XpX XpX</ol></td> |
| </tr> |
| </table> |
| </div> |
| |
| <div id="result"> |
| </div> |
| |
| </body> |
