-layer at (0,0) size 785x1016
+layer at (0,0) size 785x1040
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x1016
- RenderBlock {HTML} at (0,0) size 785x1016
- RenderBody {BODY} at (8,8) size 769x1000
+layer at (0,0) size 785x1040
+ RenderBlock {HTML} at (0,0) size 785x1040
+ RenderBody {BODY} at (8,8) size 769x1024
RenderBlock (anonymous) at (0,0) size 769x18
RenderText {#text} at (0,0) size 700x17
text run at (0,0) width 700: "This example tests that word-break properly shrinks a cell to one character per line when it is set to break-all."
- RenderTable {TABLE} at (0,18) size 769x104 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 767x102
- RenderTableRow {TR} at (0,0) size 767x102
- RenderTableCell {TD} at (0,0) size 20x102 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
- RenderText {#text} at (6,6) size 8x90
+ RenderTable {TABLE} at (0,18) size 769x110 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 767x108
+ RenderTableRow {TR} at (0,0) size 767x108
+ RenderTableCell {TD} at (0,0) size 20x108 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (6,6) size 8x96
text run at (6,6) width 8: "N"
- text run at (6,21) width 8: "a"
- text run at (6,36) width 8: "r"
- text run at (6,51) width 8: "r"
- text run at (6,66) width 8: "o"
- text run at (6,81) width 8: "w"
- RenderTableCell {TD} at (20,37) size 747x27 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1]
- RenderText {#text} at (6,6) size 164x15
- text run at (6,6) width 164: "This cell should grow"
- RenderBlock (anonymous) at (0,122) size 769x36
+ text run at (6,22) width 8: "a"
+ text run at (6,38) width 8: "r"
+ text run at (6,54) width 8: "r"
+ text run at (6,70) width 8: "o"
+ text run at (6,86) width 8: "w"
+ RenderTableCell {TD} at (20,40) size 747x28 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1]
+ RenderText {#text} at (6,6) size 168x16
+ text run at (6,6) width 168: "This cell should grow"
+ RenderBlock (anonymous) at (0,128) size 769x36
RenderBR {BR} at (0,0) size 0x17
RenderText {#text} at (0,18) size 438x17
text run at (0,18) width 438: "This test checks that word-break is ignored when white-space is pre."
- RenderBlock {PRE} at (0,171) size 110x25 [border: (5px solid #000000)]
- RenderText {#text} at (5,5) size 437x15
- text run at (5,5) width 437: "Thislongwordshouldnotgetbrokenbutshouldstickoutofthepre."
- text run at (441,5) width 1: " "
- RenderBlock (anonymous) at (0,209) size 769x72
+ RenderBlock {PRE} at (0,177) size 110x26 [border: (5px solid #000000)]
+ RenderText {#text} at (5,5) size 448x16
+ text run at (5,5) width 448: "Thislongwordshouldnotgetbrokenbutshouldstickoutofthepre."
+ text run at (453,5) width 0: " "
+ RenderBlock (anonymous) at (0,216) size 769x72
RenderBR {BR} at (0,0) size 0x17
RenderText {#text} at (0,18) size 753x53
text run at (0,18) width 476: "The next two examples test our custom break-word value for word-break. "
text run at (475,18) width 278: "We should get the same results as break-all"
text run at (0,36) width 738: "for the first test, but we should break up the word in the second test (since our behavior matches word-wrap: break-"
text run at (0,54) width 119: "word in that case)."
- RenderTable {TABLE} at (0,281) size 769x104 [border: (1px outset #808080)]
- RenderTableSection {TBODY} at (1,1) size 767x102
- RenderTableRow {TR} at (0,0) size 767x102
- RenderTableCell {TD} at (0,0) size 20x102 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
- RenderText {#text} at (6,6) size 8x90
+ RenderTable {TABLE} at (0,288) size 769x110 [border: (1px outset #808080)]
+ RenderTableSection {TBODY} at (1,1) size 767x108
+ RenderTableRow {TR} at (0,0) size 767x108
+ RenderTableCell {TD} at (0,0) size 20x108 [border: (1px inset #808080)] [r=0 c=0 rs=1 cs=1]
+ RenderText {#text} at (6,6) size 8x96
text run at (6,6) width 8: "N"
- text run at (6,21) width 8: "a"
- text run at (6,36) width 8: "r"
- text run at (6,51) width 8: "r"
- text run at (6,66) width 8: "o"
- text run at (6,81) width 8: "w"
- RenderTableCell {TD} at (20,37) size 747x27 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1]
- RenderText {#text} at (6,6) size 164x15
- text run at (6,6) width 164: "This cell should grow"
- RenderBlock (anonymous) at (0,385) size 769x18
+ text run at (6,22) width 8: "a"
+ text run at (6,38) width 8: "r"
+ text run at (6,54) width 8: "r"
+ text run at (6,70) width 8: "o"
+ text run at (6,86) width 8: "w"
+ RenderTableCell {TD} at (20,40) size 747x28 [border: (1px inset #808080)] [r=0 c=1 rs=1 cs=1]
+ RenderText {#text} at (6,6) size 168x16
+ text run at (6,6) width 168: "This cell should grow"
+ RenderBlock (anonymous) at (0,398) size 769x18
RenderBR {BR} at (0,0) size 0x17
- RenderBlock {PRE} at (0,416) size 110x85 [border: (5px solid #000000)]
- RenderText {#text} at (5,5) size 94x75
- text run at (5,5) width 94: "Thislongword"
- text run at (5,20) width 94: "shouldnotget"
- text run at (5,35) width 94: "brokenbutsho"
- text run at (5,50) width 94: "uldstickouto"
- text run at (5,65) width 63: "fthepre."
- text run at (67,65) width 1: " "
- RenderBlock (anonymous) at (0,514) size 769x72
+ RenderBlock {PRE} at (0,429) size 110x90 [border: (5px solid #000000)]
+ RenderText {#text} at (5,5) size 96x80
+ text run at (5,5) width 96: "Thislongword"
+ text run at (5,21) width 96: "shouldnotget"
+ text run at (5,37) width 96: "brokenbutsho"
+ text run at (5,53) width 96: "uldstickouto"
+ text run at (5,69) width 64: "fthepre."
+ text run at (69,69) width 0: " "
+ RenderBlock (anonymous) at (0,532) size 769x72
RenderBR {BR} at (0,0) size 0x17
RenderText {#text} at (0,18) size 750x53
text run at (0,18) width 641: "This test makes sure floating and positioned elements do the right thing with word-break: break-all. "
text run at (0,36) width 345: "width should be less than the containing block width. "
text run at (344,36) width 406: "The breaking should be \"dumb\" and just occur when the end of"
text run at (0,54) width 88: "the line is hit."
- RenderBlock {DIV} at (0,586) size 304x49 [border: (2px solid #000000)]
- RenderBlock (floating) {DIV} at (2,2) size 300x45
- RenderText {#text} at (0,0) size 297x45
- text run at (0,0) width 297: "Eventhoughthishasareallylongword itsho"
- text run at (0,15) width 297: "uldnotstick out oftheenclosing300pxblo"
- text run at (0,30) width 24: "ck."
- RenderBR {BR} at (302,2) size 0x15
- RenderBlock (anonymous) at (0,635) size 769x18
+ RenderBlock {DIV} at (0,604) size 304x52 [border: (2px solid #000000)]
+ RenderBlock (floating) {DIV} at (2,2) size 300x48
+ RenderText {#text} at (0,0) size 296x48
+ text run at (0,0) width 296: "Eventhoughthishasareallylongword itsh"
+ text run at (0,16) width 296: "ouldnotstick out oftheenclosing300pxb"
+ text run at (0,32) width 40: "lock."
+ RenderBR {BR} at (302,2) size 0x16
+ RenderBlock (anonymous) at (0,656) size 769x18
RenderBR {BR} at (0,0) size 0x17
- RenderBlock (anonymous) at (0,757) size 769x72
+ RenderBlock (anonymous) at (0,778) size 769x72
RenderBR {BR} at (0,0) size 0x17
RenderText {#text} at (0,18) size 749x53
text run at (0,18) width 658: "This test makes sure floating and positioned elements do the right thing with word-break: break-word. "
text run at (0,36) width 345: "width should be less than the containing block width. "
text run at (344,36) width 402: "The breaking should be \"smart\" and be like word-wrap: break-"
text run at (0,54) width 581: "word, with words preferring to wrap first before allowing break opportunities within them."
- RenderBlock {DIV} at (0,829) size 304x49 [border: (2px solid #000000)]
- RenderBlock (floating) {DIV} at (2,2) size 300x45
- RenderText {#text} at (0,0) size 250x45
- text run at (0,0) width 250: "Eventhoughthishasareallylongword"
- text run at (0,15) width 157: "itshouldnotstick out"
- text run at (0,30) width 196: "oftheenclosing300pxblock."
- RenderBR {BR} at (302,2) size 0x15
- RenderBlock (anonymous) at (0,878) size 769x18
+ RenderBlock {DIV} at (0,850) size 304x52 [border: (2px solid #000000)]
+ RenderBlock (floating) {DIV} at (2,2) size 300x48
+ RenderText {#text} at (0,0) size 256x48
+ text run at (0,0) width 256: "Eventhoughthishasareallylongword"
+ text run at (0,16) width 160: "itshouldnotstick out"
+ text run at (0,32) width 200: "oftheenclosing300pxblock."
+ RenderBR {BR} at (302,2) size 0x16
+ RenderBlock (anonymous) at (0,902) size 769x18
RenderBR {BR} at (0,0) size 0x17
-layer at (8,661) size 304x104
- RenderBlock (relative positioned) {DIV} at (0,653) size 304x104 [border: (2px solid #000000)]
-layer at (10,663) size 300x45
- RenderBlock (positioned) {DIV} at (2,2) size 300x45
- RenderText {#text} at (0,0) size 297x45
- text run at (0,0) width 297: "Eventhoughthishasareallylongword itsho"
- text run at (0,15) width 297: "uldnotstick out oftheenclosing300pxblo"
- text run at (0,30) width 24: "ck."
-layer at (8,904) size 304x104
- RenderBlock (relative positioned) {DIV} at (0,896) size 304x104 [border: (2px solid #000000)]
-layer at (10,906) size 300x45
- RenderBlock (positioned) {DIV} at (2,2) size 300x45
- RenderText {#text} at (0,0) size 250x45
- text run at (0,0) width 250: "Eventhoughthishasareallylongword"
- text run at (0,15) width 157: "itshouldnotstick out"
- text run at (0,30) width 196: "oftheenclosing300pxblock."
+layer at (8,682) size 304x104
+ RenderBlock (relative positioned) {DIV} at (0,674) size 304x104 [border: (2px solid #000000)]
+layer at (10,684) size 300x48
+ RenderBlock (positioned) {DIV} at (2,2) size 300x48
+ RenderText {#text} at (0,0) size 296x48
+ text run at (0,0) width 296: "Eventhoughthishasareallylongword itsh"
+ text run at (0,16) width 296: "ouldnotstick out oftheenclosing300pxb"
+ text run at (0,32) width 40: "lock."
+layer at (8,928) size 304x104
+ RenderBlock (relative positioned) {DIV} at (0,920) size 304x104 [border: (2px solid #000000)]
+layer at (10,930) size 300x48
+ RenderBlock (positioned) {DIV} at (2,2) size 300x48
+ RenderText {#text} at (0,0) size 256x48
+ text run at (0,0) width 256: "Eventhoughthishasareallylongword"
+ text run at (0,16) width 160: "itshouldnotstick out"
+ text run at (0,32) width 200: "oftheenclosing300pxblock."