Merge Chromium + Blink git repositories
[chromium-blink-merge.git] / third_party / WebKit / LayoutTests / editing / style / smoosh-styles-003.html
blob7ac6c90b6ccfc95000b2f98f0abb2f597a5fc12e
1 <html>
2 <head>
4 <style>
5 .editing {
6 border: 2px solid red;
7 font-size: 24px;
9 .explanation {
10 border: 2px solid blue;
11 padding: 12px;
12 font-size: 24px;
13 margin-bottom: 24px;
15 .scenario { margin-bottom: 16px;}
16 .scenario:first-line { font-weight: bold; margin-bottom: 16px;}
17 .expected-results:first-line { font-weight: bold }
18 </style>
19 <script src=../editing.js language="JavaScript" type="text/JavaScript" ></script>
21 <script>
23 function editingTest() {
24 extendSelectionForwardByLineCommand();
25 cutCommand();
26 pasteCommand();
29 </script>
31 <title>Editing Test</title>
32 </head>
33 <body>
35 <div class="explanation">
36 <div class="scenario">
37 Tests:
38 <br>
39 Pasting styles we should not remove during the "smoosh styles" process. This tests the fix for
40 <a href="rdar://problem/3972665">&lt;rdar://problem/3972665&gt;</a> 8A360: HTML message partially truncated on left hand side, text-indent from Script Editor
41 </div>
42 <div class="expected-results">
43 Expected Results:
44 <br>
45 Should see this content in the red box below: foo. Note that there should be no visible indent.
46 <br>
47 This demonstrates <a href="http://bugs.webkit.org/show_bug.cgi?id=8726">a bug</a>, the caret is one pixel off.
48 </div>
49 </div>
51 <div contenteditable id="root" spellcheck="false" style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space;">
52 <div id="test" class="editing">
53 <div style="margin-left: 40px; text-indent: -40px">
54 foo
55 </div>
56 </div>
58 <script>
59 runEditingTest();
60 </script>
62 </body>
63 </html>