Reviewed by John
[WebKit-https.git] / LayoutTests / editing / style / smoosh-styles-003.html
1 <html> 
2 <head>
3
4 <style>
5 .editing { 
6     border: 2px solid red; 
7     font-size: 24px; 
8 }
9 .explanation { 
10     border: 2px solid blue; 
11     padding: 12px; 
12     font-size: 24px; 
13     margin-bottom: 24px;
14 }
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>
20
21 <script>
22
23 function editingTest() {
24     extendSelectionForwardByLineCommand();
25     cutCommand();
26     pasteCommand();
27 }
28
29 </script>
30
31 <title>Editing Test</title> 
32 </head> 
33 <body>
34
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 </div>
47 </div>
48
49 <div contenteditable id="root" style="word-wrap: break-word; -khtml-nbsp-mode: space; -khtml-line-break: after-white-space;">
50 <div id="test" class="editing">
51 <div style="margin-left: 40px; text-indent: -40px">
52 foo
53 </div>
54 </div>
55
56 <script>
57 runEditingTest();
58 </script>
59
60 </body>
61 </html>