Make first-letter style to work with editing

LayoutTests/editing/selection/extend-by-word-002-expected.txt

Index: LayoutTests/editing/selection/extend-by-word-002-expected.txt
diff --git a/LayoutTests/editing/selection/extend-by-word-002-expected.txt b/LayoutTests/editing/selection/extend-by-word-002-expected.txt
index 55b0174b2b78c5318193cc846ccf8ed2b9f04a84..153cc3d311fe668a777751f1ffd46815a67f08ab 100644
--- a/LayoutTests/editing/selection/extend-by-word-002-expected.txt
+++ b/LayoutTests/editing/selection/extend-by-word-002-expected.txt
@@ -1,74 +1,9 @@
-EDITING DELEGATE: shouldBeginEditingInDOMRange:range from 0 of DIV > BODY > HTML > #document to 3 of DIV > BODY > HTML > #document
-EDITING DELEGATE: webViewDidBeginEditing:WebViewDidBeginEditingNotification
-EDITING DELEGATE: webViewDidChangeSelection:WebViewDidChangeSelectionNotification
-EDITING DELEGATE: webViewDidChangeSelection:WebViewDidChangeSelectionNotification
-EDITING DELEGATE: webViewDidChangeSelection:WebViewDidChangeSelectionNotification
-EDITING DELEGATE: webViewDidChangeSelection:WebViewDidChangeSelectionNotification
-EDITING DELEGATE: webViewDidChangeSelection:WebViewDidChangeSelectionNotification
-EDITING DELEGATE: webViewDidChangeSelection:WebViewDidChangeSelectionNotification
-EDITING DELEGATE: webViewDidChangeSelection:WebViewDidChangeSelectionNotification
-layer at (0,0) size 800x600
-  RenderView at (0,0) size 800x600
-layer at (0,0) size 800x600
-  RenderBlock {HTML} at (0,0) size 800x600
-    RenderBody {BODY} at (8,8) size 784x584
-      RenderBlock {DIV} at (0,0) size 148x166 [border: (2px solid #FF0000)]
-        RenderBlock {UL} at (14,14) size 120x138
-          RenderListItem {LI} at (0,0) size 120x21
-            RenderListMarker at (-14,6) size 5x12: bullet
-            RenderInline (generated) at (0,0) size 14x24
-              RenderText {#text} at (5,-4) size 14x24
-                text run at (5,-4) width 14: "\x{B7} "
-            RenderText {#text} at (0,0) size 0x0
-            RenderInline {A} at (0,0) size 52x12 [color=#0000EE]
-              RenderText {#text} at (19,6) size 52x12
-                text run at (19,6) width 52: "Appetizers"
-          RenderListItem {LI} at (0,21) size 120x21
-            RenderListMarker at (-14,6) size 5x12: bullet
-            RenderInline (generated) at (0,0) size 14x24
-              RenderText {#text} at (5,-4) size 14x24
-                text run at (5,-4) width 14: "\x{B7} "
-            RenderText {#text} at (0,0) size 0x0
-            RenderInline {A} at (0,0) size 78x12 [color=#0000EE]
-              RenderText {#text} at (19,6) size 78x12
-                text run at (19,6) width 78: "Soups & Salads"
-          RenderListItem {LI} at (0,42) size 120x33
-            RenderListMarker at (-14,6) size 5x12: bullet
-            RenderInline (generated) at (0,0) size 14x24
-              RenderText {#text} at (5,-4) size 14x24
-                text run at (5,-4) width 14: "\x{B7} "
-            RenderText {#text} at (0,0) size 0x0
-            RenderInline {A} at (0,0) size 76x24 [color=#0000EE]
-              RenderText {#text} at (19,6) size 76x24
-                text run at (19,6) width 69: "Sandwiches &"
-                text run at (88,6) width 4: " "
-                text run at (16,18) width 38: "Burgers"
-          RenderListItem {LI} at (0,75) size 120x21
-            RenderListMarker at (-14,6) size 5x12: bullet
-            RenderInline (generated) at (0,0) size 14x24
-              RenderText {#text} at (5,-4) size 14x24
-                text run at (5,-4) width 14: "\x{B7} "
-            RenderText {#text} at (0,0) size 0x0
-            RenderInline {A} at (0,0) size 65x12 [color=#0000EE]
-              RenderText {#text} at (19,6) size 65x12
-                text run at (19,6) width 65: "Steak & Ribs"
-          RenderListItem {LI} at (0,96) size 120x21
-            RenderListMarker at (-14,6) size 5x12: bullet
-            RenderInline (generated) at (0,0) size 14x24
-              RenderText {#text} at (5,-4) size 14x24
-                text run at (5,-4) width 14: "\x{B7} "
-            RenderText {#text} at (0,0) size 0x0
-            RenderInline {A} at (0,0) size 41x12 [color=#0000EE]
-              RenderText {#text} at (19,6) size 41x12
-                text run at (19,6) width 41: "Seafood"
-          RenderListItem {LI} at (0,117) size 120x21
-            RenderListMarker at (-14,6) size 5x12: bullet
-            RenderInline (generated) at (0,0) size 14x24
-              RenderText {#text} at (5,-4) size 14x24
-                text run at (5,-4) width 14: "\x{B7} "
-            RenderText {#text} at (0,0) size 0x0
-            RenderInline {A} at (0,0) size 40x12 [color=#0000EE]
-              RenderText {#text} at (19,6) size 40x12
-                text run at (19,6) width 40: "Combos"
-selection start: position 0 of child 0 {#text} of child 1 {A} of child 1 {LI} of child 1 {UL} of child 1 {DIV} of body
-selection end:   position 5 of child 0 {#text} of child 1 {A} of child 7 {LI} of child 1 {UL} of child 1 {DIV} of body
+PASS selection.type is "Range"
+PASS selection.anchorNode is $("test").querySelectorAll("li")[0].firstChild
+PASS selection.anchorOffset is 0
+PASS selection.focusNode is $("test").querySelectorAll("li a")[3].firstChild
+PASS selection.focusOffset is 5
+PASS successfullyParsed is true
+
+TEST COMPLETE
+