-layer at (0,0) size 785x894
+layer at (0,0) size 785x844
RenderView at (0,0) size 785x600
-layer at (0,0) size 785x894
- RenderBlock {HTML} at (0,0) size 785x894.47
- RenderBody {BODY} at (8,8) size 769x866.47
- RenderBlock {P} at (0,0) size 769x18
- RenderText {#text} at (0,0) size 552x18
- text run at (0,0) width 552: "This test checks that text with text-overflow:ellipsis follows 'text-align: justify' correctly."
- RenderBlock {P} at (0,34) size 769x36
- RenderText {#text} at (0,0) size 743x36
- text run at (0,0) width 743: "LTR text should be aligned with the left hand side of their box. RTL text should be aligned with the right hand side of"
- text run at (0,18) width 60: "their box."
- RenderBlock {H3} at (0,88.72) size 769x22
- RenderText {#text} at (0,0) size 80x22
- text run at (0,0) width 80: "Single line"
- RenderBlock {H3} at (0,169.44) size 769x22
- RenderText {#text} at (0,0) size 77x22
- text run at (0,0) width 77: "Multi line"
- RenderBlock {H3} at (0,304.16) size 769x22
- RenderText {#text} at (0,0) size 220x22
- text run at (0,0) width 220: "Containing replaced content"
- RenderBlock {H3} at (0,395.88) size 769x22
- RenderText {#text} at (0,0) size 377x22
- text run at (0,0) width 377: "Containing replaced content blocking the ellipsis"
- RenderBlock {H3} at (0,487.59) size 769x22
- RenderText {#text} at (0,0) size 191x22
- text run at (0,0) width 191: "Right-To-Left single line"
- RenderBlock {H3} at (0,568.31) size 769x22
- RenderText {#text} at (0,0) size 191x22
- text run at (0,0) width 191: "Right-To-Left Multi line"
- RenderBlock {H3} at (0,703.03) size 769x22
- RenderText {#text} at (0,0) size 328x22
- text run at (0,0) width 328: "Right-To-Left containing replaced content"
- RenderBlock {H3} at (0,794.75) size 769x22
- RenderText {#text} at (0,0) size 485x22
- text run at (0,0) width 485: "Right-To-Left containing replaced content blocking the ellipsis"
-layer at (8,137) size 310x20 clip at (9,138) size 308x18 scrollWidth 719
- RenderBlock {DIV} at (0,129.44) size 310x20 [border: (1px solid #000000)]
- RenderText {#text} at (1,1) size 719x18
- text run at (1,1) width 719: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
-layer at (8,218) size 310x74 clip at (9,219) size 308x72 scrollWidth 719
- RenderBlock {DIV} at (0,210.16) size 310x74 [border: (1px solid #000000)]
- RenderText {#text} at (1,1) size 719x18
- text run at (1,1) width 719: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (0,0) size 785x844
+ RenderBlock {HTML} at (0,0) size 785x844.47
+ RenderBody {BODY} at (8,8) size 769x816.47
+ RenderBlock {P} at (0,0) size 769x16
+ RenderText {#text} at (0,0) size 569x16
+ text run at (0,0) width 569: "This test checks that text with text-overflow:ellipsis follows 'text-align: justify' correctly."
+ RenderBlock {P} at (0,32) size 769x32
+ RenderText {#text} at (0,0) size 756x32
+ text run at (0,0) width 756: "LTR text should be aligned with the left hand side of their box. RTL text should be aligned with the right hand side of"
+ text run at (0,16) width 62: "their box."
+ RenderBlock {H3} at (0,82.72) size 769x19
+ RenderText {#text} at (0,0) size 83x19
+ text run at (0,0) width 83: "Single line"
+ RenderBlock {H3} at (0,158.44) size 769x19
+ RenderText {#text} at (0,0) size 79x19
+ text run at (0,0) width 79: "Multi line"
+ RenderBlock {H3} at (0,282.16) size 769x19
+ RenderText {#text} at (0,0) size 227x19
+ text run at (0,0) width 227: "Containing replaced content"
+ RenderBlock {H3} at (0,370.88) size 769x19
+ RenderText {#text} at (0,0) size 389x19
+ text run at (0,0) width 389: "Containing replaced content blocking the ellipsis"
+ RenderBlock {H3} at (0,459.59) size 769x19
+ RenderText {#text} at (0,0) size 197x19
+ text run at (0,0) width 197: "Right-To-Left single line"
+ RenderBlock {H3} at (0,535.31) size 769x19
+ RenderText {#text} at (0,0) size 196x19
+ text run at (0,0) width 196: "Right-To-Left Multi line"
+ RenderBlock {H3} at (0,659.03) size 769x19
+ RenderText {#text} at (0,0) size 339x19
+ text run at (0,0) width 339: "Right-To-Left containing replaced content"
+ RenderBlock {H3} at (0,747.75) size 769x19
+ RenderText {#text} at (0,0) size 500x19
+ text run at (0,0) width 500: "Right-To-Left containing replaced content blocking the ellipsis"
+layer at (8,128) size 310x18 clip at (9,129) size 308x16 scrollWidth 738
+ RenderBlock {DIV} at (0,120.44) size 310x18 [border: (1px solid #000000)]
+ RenderText {#text} at (1,1) size 738x16
+ text run at (1,1) width 738: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,204) size 310x66 clip at (9,205) size 308x64 scrollWidth 738
+ RenderBlock {DIV} at (0,196.16) size 310x66 [border: (1px solid #000000)]
+ RenderText {#text} at (1,1) size 738x16
+ text run at (1,1) width 738: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
RenderBR {BR} at (0,0) size 0x0
- RenderText {#text} at (1,19) size 709x18
- text run at (1,19) width 709: "orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+ RenderText {#text} at (1,17) size 728x16
+ text run at (1,17) width 728: "orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
RenderBR {BR} at (0,0) size 0x0
- RenderText {#text} at (1,37) size 701x18
- text run at (1,37) width 701: "rem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+ RenderText {#text} at (1,33) size 720x16
+ text run at (1,33) width 720: "rem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
RenderBR {BR} at (0,0) size 0x0
- RenderText {#text} at (1,55) size 696x18
- text run at (1,55) width 696: "em ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+ RenderText {#text} at (1,49) size 715x16
+ text run at (1,49) width 715: "em ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
RenderBR {BR} at (0,0) size 0x0
-layer at (8,353) size 310x31 clip at (9,354) size 308x29 scrollWidth 748
- RenderBlock {DIV} at (0,344.88) size 310x31 [border: (1px solid #000000)]
- RenderText {#text} at (1,12) size 181x18
- text run at (1,12) width 181: "Lorem ipsum dolor sit amet, "
- RenderImage {IMG} at (182,1) size 25x25
- RenderText {#text} at (207,12) size 542x18
- text run at (207,12) width 542: " consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
-layer at (8,445) size 310x31 clip at (9,446) size 308x29 scrollWidth 744
- RenderBlock {DIV} at (0,436.59) size 310x31 [border: (1px solid #000000)]
- RenderText {#text} at (1,12) size 271x18
- text run at (1,12) width 271: "Lorem ipsum dolor sit amet, consectetur ad"
- RenderImage {IMG} at (272,1) size 25x25
- RenderText {#text} at (297,12) size 448x18
- text run at (297,12) width 448: "ipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
-layer at (8,536) size 310x20 clip at (9,537) size 308x18 scrollX 411 scrollWidth 719
- RenderBlock {DIV} at (0,528.31) size 310x20 [border: (1px solid #000000)]
- RenderText {#text} at (-410,1) size 719x18
- text run at (-410,1) width 719 RTL override: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
-layer at (8,617) size 310x74 clip at (9,618) size 308x72
- RenderBlock {DIV} at (0,609.03) size 310x74 [border: (1px solid #000000)]
- RenderText {#text} at (1,1) size 719x18
- text run at (1,1) width 719 RTL override: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,328) size 310x31 clip at (9,329) size 308x29 scrollWidth 767
+ RenderBlock {DIV} at (0,319.88) size 310x31 [border: (1px solid #000000)]
+ RenderText {#text} at (1,14) size 186x16
+ text run at (1,14) width 186: "Lorem ipsum dolor sit amet, "
+ RenderImage {IMG} at (186.75,1) size 25x25
+ RenderText {#text} at (211,14) size 557x16
+ text run at (211,14) width 557: " consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,417) size 310x31 clip at (9,418) size 308x29 scrollWidth 763
+ RenderBlock {DIV} at (0,408.59) size 310x31 [border: (1px solid #000000)]
+ RenderText {#text} at (1,14) size 278x16
+ text run at (1,14) width 278: "Lorem ipsum dolor sit amet, consectetur ad"
+ RenderImage {IMG} at (278.70,1) size 25x25
+ RenderText {#text} at (303,14) size 461x16
+ text run at (303,14) width 461: "ipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,505) size 310x18 clip at (9,506) size 308x16 scrollX 429.00 scrollWidth 738
+ RenderBlock {DIV} at (0,497.31) size 310x18 [border: (1px solid #000000)]
+ RenderText {#text} at (-428,1) size 738x16
+ text run at (-428,1) width 737 RTL override: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,581) size 310x66 clip at (9,582) size 308x64
+ RenderBlock {DIV} at (0,573.03) size 310x66 [border: (1px solid #000000)]
+ RenderText {#text} at (1,1) size 738x16
+ text run at (1,1) width 738 RTL override: "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
RenderBR {BR} at (0,0) size 0x0
- RenderText {#text} at (1,19) size 709x18
- text run at (1,19) width 709 RTL override: "orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+ RenderText {#text} at (1,17) size 728x16
+ text run at (1,17) width 728 RTL override: "orem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
RenderBR {BR} at (0,0) size 0x0
- RenderText {#text} at (1,37) size 701x18
- text run at (1,37) width 701 RTL override: "rem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+ RenderText {#text} at (1,33) size 720x16
+ text run at (1,33) width 720 RTL override: "rem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
RenderBR {BR} at (0,0) size 0x0
- RenderText {#text} at (1,55) size 696x18
- text run at (1,55) width 696 RTL override: "em ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+ RenderText {#text} at (1,49) size 715x16
+ text run at (1,49) width 715 RTL override: "em ipsum dolor sit amet, consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
RenderBR {BR} at (0,0) size 0x0
-layer at (8,752) size 310x31 clip at (9,753) size 308x29 scrollX 440 scrollWidth 748
- RenderBlock {DIV} at (0,743.75) size 310x31 [border: (1px solid #000000)]
- RenderText {#text} at (128,12) size 181x18
- text run at (128,12) width 181 RTL override: "Lorem ipsum dolor sit amet, "
- RenderImage {IMG} at (103,1) size 25x25
- RenderText {#text} at (-439,12) size 542x18
- text run at (-439,12) width 542 RTL override: " consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
-layer at (8,843) size 310x31 clip at (9,844) size 308x29 scrollX 436 scrollWidth 744
- RenderBlock {DIV} at (0,835.47) size 310x31 [border: (1px solid #000000)]
- RenderText {#text} at (38,12) size 271x18
- text run at (38,12) width 271 RTL override: "Lorem ipsum dolor sit amet, consectetur ad"
- RenderImage {IMG} at (13,1) size 25x25
- RenderText {#text} at (-435,12) size 448x18
- text run at (-435,12) width 448 RTL override: "ipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,705) size 310x31 clip at (9,706) size 308x29 scrollX 458.00 scrollWidth 767
+ RenderBlock {DIV} at (0,696.75) size 310x31 [border: (1px solid #000000)]
+ RenderText {#text} at (123,14) size 186x16
+ text run at (123,14) width 186 RTL override: "Lorem ipsum dolor sit amet, "
+ RenderImage {IMG} at (98.25,1) size 25x25
+ RenderText {#text} at (-457,14) size 557x16
+ text run at (-457,14) width 556 RTL override: " consectetur adipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."
+layer at (8,793) size 310x31 clip at (9,794) size 308x29 scrollX 454.00 scrollWidth 763
+ RenderBlock {DIV} at (0,785.47) size 310x31 [border: (1px solid #000000)]
+ RenderText {#text} at (31,14) size 278x16
+ text run at (31,14) width 278 RTL override: "Lorem ipsum dolor sit amet, consectetur ad"
+ RenderImage {IMG} at (6.30,1) size 25x25
+ RenderText {#text} at (-453,14) size 461x16
+ text run at (-453,14) width 460 RTL override: "ipiscing elit. Vivamus vitae eros non libero faucibus sagittis sed ut eros."