| <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" |
| "http://www.w3.org/TR/html4/strict.dtd"> |
| <html lang="en"> |
| <head> |
| <script src="../../editing/editing.js"></script> |
| <script src="resources/text-based-repaint.js"></script> |
| <script> |
| function repaintTest() |
| { |
| var elem = document.getElementById("test"); |
| var selection = window.getSelection(); |
| selection.collapse(elem, 1); |
| for (i = 0; i < 9; i++) |
| document.execCommand("Delete"); |
| } |
| </script> |
| </head> |
| <body onload="runRepaintTest();"> |
| <p><b>BUG ID:</b> <a href="https://bugs.webkit.org/show_bug.cgi?id=8337">Bugzilla bug 8337</a> Incomplete repaint of inlines’ outline during editing</p> |
| |
| <p id="success" style="background-color:palegreen; padding:3px;"><b>TEST PASS:</b> |
| The words “sit amet” will be deleted, and the blue outline will shrink to |
| surround only the remaining text, without leaving behind any trails or other artifacts. |
| </p> |
| |
| <p id="failure" style="background-color:#FF3300; padding:3px;"><b>TEST FAIL:</b> |
| As the words “sit amet” will be deleted, the blue outline will leave |
| trails behind as it shrinks to fit the remaining text. |
| </p> |
| |
| <div contenteditable style="width: 100px; outline: none;"> |
| <span id="test" style="outline: blue solid;">Lorem ipsum dolor sit amet </span> |
| </div> |
| |
| </body> |
| </html> |
