Code view:

A painting is a person's account of this edit as text, recorded independently of the node mapping - a rendering often has several equally defensible answers where the mapping has one. Deletions and insertions carry no position on the opposite side in a painting, so that panel draws no caret for them.

Before

…lines 1–28 unchanged (28 lines)
29 <img sizes=AuTo,xyz>
30
31 <!-- UA style should not apply: -->
32 <img>
33 <img sizes>
34 <img sizes=xyz,auto>
35 <picture data-skip>
36 <source data-skip sizes=auto>
37 <img>
38 </picture>
39
40 <!-- Test !important -->
41 <img sizes=auto class=test-important>
…lines 42–54 unchanged (13 lines)

After

…lines 1–28 unchanged (28 lines)
29 <img sizes=AuTo,xyz>
30
31 <!-- UA style should not apply: -->
32 <img>
33 <img sizes>
34 <img sizes=xyz,auto>
35 <img sizes=automatic>
36 <img sizes="auto ,xyz">
37 <picture data-skip>
38 <source data-skip sizes=auto>
39 <img>
40 </picture>
41
42 <!-- Test !important -->
43 <img sizes=auto class=test-important>
…lines 44–56 unchanged (13 lines)

Before

document
doctype
<! "<!"
doctype "doctype"
> ">"
element
start_tag
< "<"
tag_name "title"
> ">"
text "default styles for"
entity "&lt;"
text "img sizes=auto"
ERROR
> ">"
end_tag
</ "</"
tag_name "title"
> ">"
element
start_tag
< "<"
tag_name "meta"
attribute
attribute_name "name"
= "="
quoted_attribute_value
" "\""
attribute_value "viewport"
" "\""
attribute
attribute_name "content"
= "="
quoted_attribute_value
" "\""
attribute_value "width=device-width"
" "\""
> ">"
script_element
start_tag
< "<"
tag_name "script"
attribute
attribute_name "src"
= "="
quoted_attribute_value
" "\""
attribute_value "/resources/testharness.js"
" "\""
> ">"
raw_text ""
end_tag
</ "</"
tag_name "script"
> ">"
script_element
start_tag
< "<"
tag_name "script"
attribute
attribute_name "src"
= "="
quoted_attribute_value
" "\""
attribute_value "/resources/testharnessreport.js"
" "\""
> ">"
raw_text ""
end_tag
</ "</"
tag_name "script"
> ">"
script_element
start_tag
< "<"
tag_name "script"
attribute
attribute_name "src"
= "="
quoted_attribute_value
" "\""
attribute_value "/html/rendering/support/test-ua-stylesheet.js"
" "\""
> ">"
raw_text ""
end_tag
</ "</"
tag_name "script"
> ">"
style_element
start_tag
< "<"
tag_name "style"
> ">"
raw_text "\n/* Specify this bogus namespace, so the rules in this style"...
end_tag
</ "</"
tag_name "style"
> ">"
style_element
start_tag
< "<"
tag_name "style"
> ">"
raw_text "\n/* Test !important */\nimg.test-important { contain: style; "...
end_tag
</ "</"
tag_name "style"
> ">"
element
start_tag
< "<"
tag_name "div"
attribute
attribute_name "id"
= "="
quoted_attribute_value
" "\""
attribute_value "log"
" "\""
> ">"
end_tag
</ "</"
tag_name "div"
> ">"
element
start_tag
< "<"
tag_name "div"
attribute
attribute_name "id"
= "="
quoted_attribute_value
" "\""
attribute_value "tests"
" "\""
> ">"
element
start_tag
< "<"
tag_name "img"
attribute
attribute_name "sizes"
= "="
attribute_value "auto"
> ">"
element
start_tag
< "<"
tag_name "img"
attribute
attribute_name "sizes"
= "="
attribute_value "auto"
attribute
attribute_name "width"
= "="
attribute_value "10"
attribute
attribute_name "height"
= "="
attribute_value "20"
> ">"
element
start_tag
< "<"
tag_name "img"
attribute
attribute_name "sizes"
= "="
attribute_value "AuTo"
> ">"
element
start_tag
< "<"
tag_name "img"
attribute
attribute_name "sizes"
= "="
attribute_value "auto,xyz"
> ">"
element
start_tag
< "<"
tag_name "img"
attribute
attribute_name "sizes"
= "="
attribute_value "AuTo,xyz"
> ">"
comment "<!-- UA style should not apply: -->"
element
start_tag
< "<"
tag_name "img"
> ">"
element
start_tag
< "<"
tag_name "img"
attribute
attribute_name "sizes"
> ">"
element
start_tag
< "<"
tag_name "img"
attribute
attribute_name "sizes"
= "="
attribute_value "xyz,auto"
> ">"
element (+27 nodes collapsed)
comment "<!-- Test !important -->"
element
start_tag
< "<"
tag_name "img"
attribute
attribute_name "sizes"
= "="
attribute_value "auto"
attribute
attribute_name "class"
= "="
attribute_value "test-important"
> ">"
end_tag
</ "</"
tag_name "div"
> ">"
element
start_tag
< "<"
tag_name "div"
attribute
attribute_name "id"
= "="
quoted_attribute_value
" "\""
attribute_value "refs"
" "\""
> ">"
end_tag
</ "</"
tag_name "div"
> ">"
script_element
start_tag
< "<"
tag_name "script"
> ">"
raw_text "\n const props = [\n 'contain',\n 'contain-intrinsic-siz"...
end_tag
</ "</"
tag_name "script"
> ">"

After

document
doctype
<! "<!"
doctype "doctype"
> ">"
element
start_tag
< "<"
tag_name "title"
> ">"
text "default styles for"
entity "&lt;"
text "img sizes=auto"
ERROR
> ">"
end_tag
</ "</"
tag_name "title"
> ">"
element
start_tag
< "<"
tag_name "meta"
attribute
attribute_name "name"
= "="
quoted_attribute_value
" "\""
attribute_value "viewport"
" "\""
attribute
attribute_name "content"
= "="
quoted_attribute_value
" "\""
attribute_value "width=device-width"
" "\""
> ">"
script_element
start_tag
< "<"
tag_name "script"
attribute
attribute_name "src"
= "="
quoted_attribute_value
" "\""
attribute_value "/resources/testharness.js"
" "\""
> ">"
raw_text ""
end_tag
</ "</"
tag_name "script"
> ">"
script_element
start_tag
< "<"
tag_name "script"
attribute
attribute_name "src"
= "="
quoted_attribute_value
" "\""
attribute_value "/resources/testharnessreport.js"
" "\""
> ">"
raw_text ""
end_tag
</ "</"
tag_name "script"
> ">"
script_element
start_tag
< "<"
tag_name "script"
attribute
attribute_name "src"
= "="
quoted_attribute_value
" "\""
attribute_value "/html/rendering/support/test-ua-stylesheet.js"
" "\""
> ">"
raw_text ""
end_tag
</ "</"
tag_name "script"
> ">"
style_element
start_tag
< "<"
tag_name "style"
> ">"
raw_text "\n/* Specify this bogus namespace, so the rules in this style"...
end_tag
</ "</"
tag_name "style"
> ">"
style_element
start_tag
< "<"
tag_name "style"
> ">"
raw_text "\n/* Test !important */\nimg.test-important { contain: style; "...
end_tag
</ "</"
tag_name "style"
> ">"
element
start_tag
< "<"
tag_name "div"
attribute
attribute_name "id"
= "="
quoted_attribute_value
" "\""
attribute_value "log"
" "\""
> ">"
end_tag
</ "</"
tag_name "div"
> ">"
element
start_tag
< "<"
tag_name "div"
attribute
attribute_name "id"
= "="
quoted_attribute_value
" "\""
attribute_value "tests"
" "\""
> ">"
element
start_tag
< "<"
tag_name "img"
attribute
attribute_name "sizes"
= "="
attribute_value "auto"
> ">"
element
start_tag
< "<"
tag_name "img"
attribute
attribute_name "sizes"
= "="
attribute_value "auto"
attribute
attribute_name "width"
= "="
attribute_value "10"
attribute
attribute_name "height"
= "="
attribute_value "20"
> ">"
element
start_tag
< "<"
tag_name "img"
attribute
attribute_name "sizes"
= "="
attribute_value "AuTo"
> ">"
element
start_tag
< "<"
tag_name "img"
attribute
attribute_name "sizes"
= "="
attribute_value "auto,xyz"
> ">"
element
start_tag
< "<"
tag_name "img"
attribute
attribute_name "sizes"
= "="
attribute_value "AuTo,xyz"
> ">"
comment "<!-- UA style should not apply: -->"
element
start_tag
< "<"
tag_name "img"
> ">"
element
start_tag
< "<"
tag_name "img"
attribute
attribute_name "sizes"
> ">"
element
start_tag
< "<"
tag_name "img"
attribute
attribute_name "sizes"
= "="
attribute_value "xyz,auto"
> ">"
element
start_tag
< "<"
tag_name "img"
attribute
attribute_name "sizes"
= "="
attribute_value "automatic"
> ">"
element
start_tag
< "<"
tag_name "img"
attribute
attribute_name "sizes"
= "="
quoted_attribute_value
" "\""
attribute_value "auto ,xyz"
" "\""
> ">"
element (+27 nodes collapsed)
comment "<!-- Test !important -->"
element
start_tag
< "<"
tag_name "img"
attribute
attribute_name "sizes"
= "="
attribute_value "auto"
attribute
attribute_name "class"
= "="
attribute_value "test-important"
> ">"
end_tag
</ "</"
tag_name "div"
> ">"
element
start_tag
< "<"
tag_name "div"
attribute
attribute_name "id"
= "="
quoted_attribute_value
" "\""
attribute_value "refs"
" "\""
> ">"
end_tag
</ "</"
tag_name "div"
> ">"
script_element
start_tag
< "<"
tag_name "script"
> ">"
raw_text "\n const props = [\n 'contain',\n 'contain-intrinsic-siz"...
end_tag
</ "</"
tag_name "script"
> ">"