OLD | NEW |
1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 915 | 1 layer at (0,0) size 800x600 clip at (0,0) size 785x600 scrollHeight 915 |
2 LayoutView at (0,0) size 800x600 | 2 LayoutView at (0,0) size 800x600 |
3 layer at (0,0) size 785x915 backgroundClip at (0,0) size 785x600 clip at (0,0) s
ize 785x600 | 3 layer at (0,0) size 785x915 backgroundClip at (0,0) size 785x600 clip at (0,0) s
ize 785x600 |
4 LayoutBlockFlow {HTML} at (0,0) size 785x914.56 | 4 LayoutBlockFlow {HTML} at (0,0) size 785x914.56 |
5 LayoutBlockFlow {BODY} at (8,21.44) size 769x868.13 | 5 LayoutBlockFlow {BODY} at (8,21.44) size 769x868.13 |
6 LayoutBlockFlow {H1} at (0,0) size 769x74 | 6 LayoutBlockFlow {H1} at (0,0) size 769x74 |
7 LayoutText {#text} at (0,0) size 749x73 | 7 LayoutText {#text} at (0,0) size 749x73 |
8 text run at (0,0) width 749: "Problem: Safari improperly handles gener
ated content" | 8 text run at (0,0) width 749: "Problem: Safari improperly handles gener
ated content" |
9 text run at (0,37) width 716: "in certain cases when used with multipl
e class names" | 9 text run at (0,37) width 716: "in certain cases when used with multipl
e class names" |
10 LayoutBlockFlow {P} at (0,95.44) size 769x40 | 10 LayoutBlockFlow {P} at (0,95.44) size 769x40 |
11 LayoutInline {EM} at (0,0) size 766x39 | 11 LayoutInline {EM} at (0,0) size 765x39 |
12 LayoutText {#text} at (0,0) size 766x39 | 12 LayoutText {#text} at (0,0) size 765x39 |
13 text run at (0,0) width 766: "When referencing an element by two cla
ss names simultaneously, Safari won't generate content (using :before or :after)
" | 13 text run at (0,0) width 765: "When referencing an element by two cla
ss names simultaneously, Safari won't generate content (using :before or :after)
" |
14 text run at (0,20) width 122: "within the element." | 14 text run at (0,20) width 122: "within the element." |
15 LayoutBlockFlow {P} at (0,151.44) size 769x40 | 15 LayoutBlockFlow {P} at (0,151.44) size 769x40 |
16 LayoutText {#text} at (0,0) size 117x19 | 16 LayoutText {#text} at (0,0) size 117x19 |
17 text run at (0,0) width 117: "Assume we have a " | 17 text run at (0,0) width 117: "Assume we have a " |
18 LayoutInline {CODE} at (0,0) size 24x16 | 18 LayoutInline {CODE} at (0,0) size 24x16 |
19 LayoutText {#text} at (117,3) size 24x16 | 19 LayoutText {#text} at (117,3) size 24x16 |
20 text run at (117,3) width 24: "div" | 20 text run at (117,3) width 24: "div" |
21 LayoutText {#text} at (141,0) size 138x19 | 21 LayoutText {#text} at (141,0) size 138x19 |
22 text run at (141,0) width 138: " with two class names: " | 22 text run at (141,0) width 138: " with two class names: " |
23 LayoutInline {CODE} at (0,0) size 24x16 | 23 LayoutInline {CODE} at (0,0) size 24x16 |
(...skipping 15 matching lines...) Expand all Loading... |
39 LayoutText {#text} at (530,3) size 9x16 | 39 LayoutText {#text} at (530,3) size 9x16 |
40 text run at (530,3) width 9: "p" | 40 text run at (530,3) width 9: "p" |
41 LayoutText {#text} at (538,0) size 768x39 | 41 LayoutText {#text} at (538,0) size 768x39 |
42 text run at (538,0) width 230: " (paragraph) tag, after which we'd lik
e" | 42 text run at (538,0) width 230: " (paragraph) tag, after which we'd lik
e" |
43 text run at (0,20) width 419: "to insert generated content. One way to
do so would be the following:" | 43 text run at (0,20) width 419: "to insert generated content. One way to
do so would be the following:" |
44 LayoutBlockFlow {PRE} at (20,207.44) size 749x16 [color=#FF0000] | 44 LayoutBlockFlow {PRE} at (20,207.44) size 749x16 [color=#FF0000] |
45 LayoutInline {CODE} at (0,0) size 456x16 | 45 LayoutInline {CODE} at (0,0) size 456x16 |
46 LayoutText {#text} at (0,0) size 456x16 | 46 LayoutText {#text} at (0,0) size 456x16 |
47 text run at (0,0) width 456: "div.box.one p:after{ content:'generate
d content here!'; }" | 47 text run at (0,0) width 456: "div.box.one p:after{ content:'generate
d content here!'; }" |
48 LayoutBlockFlow {P} at (0,239.44) size 769x20 | 48 LayoutBlockFlow {P} at (0,239.44) size 769x20 |
49 LayoutText {#text} at (0,0) size 701x19 | 49 LayoutText {#text} at (0,0) size 700x19 |
50 text run at (0,0) width 701: "But that doesn't work in Safari. However
, if you drop one of the class names, as shown below, it works as expected:" | 50 text run at (0,0) width 700: "But that doesn't work in Safari. However
, if you drop one of the class names, as shown below, it works as expected:" |
51 LayoutBlockFlow {PRE} at (20,275.44) size 749x16 [color=#008000] | 51 LayoutBlockFlow {PRE} at (20,275.44) size 749x16 [color=#008000] |
52 LayoutInline {CODE} at (0,0) size 424x16 | 52 LayoutInline {CODE} at (0,0) size 424x16 |
53 LayoutText {#text} at (0,0) size 424x16 | 53 LayoutText {#text} at (0,0) size 424x16 |
54 text run at (0,0) width 424: "div.box p:after{ content:'generated co
ntent here!'; }" | 54 text run at (0,0) width 424: "div.box p:after{ content:'generated co
ntent here!'; }" |
55 LayoutBlockFlow {P} at (0,307.44) size 769x40 | 55 LayoutBlockFlow {P} at (0,307.44) size 769x40 |
56 LayoutText {#text} at (0,0) size 276x19 | 56 LayoutText {#text} at (0,0) size 276x19 |
57 text run at (0,0) width 276: "Note also that the bug only applies to c
ontent " | 57 text run at (0,0) width 276: "Note also that the bug only applies to c
ontent " |
58 LayoutInline {EM} at (0,0) size 40x19 | 58 LayoutInline {EM} at (0,0) size 40x19 |
59 LayoutText {#text} at (276,0) size 40x19 | 59 LayoutText {#text} at (276,0) size 40x19 |
60 text run at (276,0) width 40: "within" | 60 text run at (276,0) width 40: "within" |
(...skipping 36 matching lines...) Expand 10 before | Expand all | Expand 10 after Loading... |
97 LayoutBlockFlow {H3} at (26,44.72) size 717x23 | 97 LayoutBlockFlow {H3} at (26,44.72) size 717x23 |
98 LayoutText {#text} at (0,0) size 47x22 | 98 LayoutText {#text} at (0,0) size 47x22 |
99 text run at (0,0) width 47: "Box 2" | 99 text run at (0,0) width 47: "Box 2" |
100 LayoutBlockFlow {P} at (26,86.44) size 717x40 | 100 LayoutBlockFlow {P} at (26,86.44) size 717x40 |
101 LayoutBlockFlow (anonymous) at (0,0) size 717x20 | 101 LayoutBlockFlow (anonymous) at (0,0) size 717x20 |
102 LayoutText {#text} at (0,0) size 593x19 | 102 LayoutText {#text} at (0,0) size 593x19 |
103 text run at (0,0) width 593: "This box should contain the text \"g
enerated content\" in CSS2-compliant browsers, including Safari." | 103 text run at (0,0) width 593: "This box should contain the text \"g
enerated content\" in CSS2-compliant browsers, including Safari." |
104 LayoutBlockFlow {<pseudo:after>} at (0,20) size 717x20 [color=#008000] | 104 LayoutBlockFlow {<pseudo:after>} at (0,20) size 717x20 [color=#008000] |
105 LayoutTextFragment (anonymous) at (0,0) size 107x19 | 105 LayoutTextFragment (anonymous) at (0,0) size 107x19 |
106 text run at (0,0) width 107: "generated content" | 106 text run at (0,0) width 107: "generated content" |
OLD | NEW |