| <html> |
| <head> |
| <title>Line breaks after ideographic comma or full stop</title> |
| </head> |
| <body> |
| These are good: |
| <div style="font-family:'Lucida Grande'; font-size:16pt; text-decoration:underline; width:5em;"> |
| <p style="border:solid green 1px;"> |
| う、<br>texttexttexttext |
| </p> |
| <p style="border:solid green 1px;"> |
| う。<br>texttexttexttext |
| </p> |
| </div> |
| The following two should look like “good”: |
| <div style="font-family:'Lucida Grande'; font-size:16pt; text-decoration:underline; width:5em;"> |
| <p style="border:solid blue 1px;"> |
| う、texttexttexttext |
| </p> |
| <p style="border:solid blue 1px;"> |
| う。texttexttexttext |
| </p> |
| </div> |
| These are bad: |
| <div style="font-family:'Lucida Grande'; font-size:16pt; text-decoration:underline; width:5em;"> |
| <p style="border:solid red 1px;"> |
| <nobr>う、texttexttexttext</nobr> |
| </p> |
| <p style="border:solid red 1px;"> |
| <nobr>う。texttexttexttext</nobr> |
| </p> |
| </div> |
| <div id=result></div> |
| <script> |
| if (window.testRunner) |
| testRunner.dumpAsText(); |
| |
| function paragraphHeight(paragraphNumber) { |
| return document.defaultView.getComputedStyle(document.getElementsByTagName("p")[paragraphNumber], null).getPropertyValue("height") |
| } |
| |
| document.getElementById("result").innerHTML = (paragraphHeight(0) == paragraphHeight(2) && paragraphHeight(1) == paragraphHeight(3)) ? "PASS" : "FAIL"; |
| </script> |
| </body> |
| </html> |
