| <!DOCTYPE html> | |
| <style> | |
| table { | |
| font-size: 2em; | |
| } | |
| td { | |
| padding: 5px; | |
| } | |
| #emptycell { | |
| width: 50%; | |
| } | |
| </style> | |
| <p>Test passes if the caret in the empty cell is inside the cell itself (that means it's vertically aligned with the reference text).</p> | |
| <table border="1" contenteditable> | |
| <td>Reference text</td> | |
| <td id="emptycell"> </td> | |
| </table> | |
| <script> | |
| var selection = window.getSelection(); | |
| var emptycell = document.getElementById("emptycell"); | |
| selection.collapse(emptycell, 0); | |
| </script> |