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–5 unchanged (5 lines)
6 <input
7 type="text"
8 t-att-id="props.id"
9 class="o-autocomplete--input o_input pe-3 text-truncate"
10 t-att-autocomplete="props.autocomplete"
11 t-att-placeholder="props.placeholder"
12 role="combobox"
13 t-att-aria-activedescendant="activeSourceOptionId"
14 t-att-aria-expanded="displayOptions ? 'true' : 'false'"
15 aria-autocomplete="list"
16 aria-haspopup="listbox"
17 t-model="state.value"
18 t-on-blur="onInputBlur"
…lines 19–88 unchanged (70 lines)

After

…lines 1–5 unchanged (5 lines)
6 <input
7 type="text"
8 t-att-id="props.id"
9 class="o-autocomplete--input o_input pe-3 text-truncate"
10 t-att-autocomplete="props.autocomplete"
11 t-att-placeholder="props.placeholder"
12 t-att-title="props.title"
13 role="combobox"
14 t-att-aria-activedescendant="activeSourceOptionId"
15 t-att-aria-expanded="displayOptions ? 'true' : 'false'"
16 aria-autocomplete="list"
17 aria-haspopup="listbox"
18 t-model="state.value"
…lines 19–89 unchanged (71 lines)

Before

document
prolog
XMLDecl
<? "<?"
xml "xml"
version "version"
= "="
" "\""
VersionNum "1.0"
" "\""
encoding "encoding"
= "="
" "\""
EncName "UTF-8"
" "\""
?> "?>"
element
STag
< "<"
Name "templates"
Attribute
Name "xml:space"
= "="
AttValue
" "\""
" "\""
> ">"
content
CharData "\n\n "
element
STag
< "<"
Name "t"
Attribute
Name "t-name"
= "="
AttValue
" "\""
" "\""
> ">"
content
CharData "\n "
element
STag (+22 nodes collapsed)
content
CharData "\n "
element
EmptyElemTag
< "<"
Name "input"
Attribute
Name "type"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-att-id"
= "="
AttValue
" "\""
" "\""
Attribute
Name "class"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-att-autocomplete"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-att-placeholder"
= "="
AttValue
" "\""
" "\""
Attribute
Name "role"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-att-aria-activedescendant"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-att-aria-expanded"
= "="
AttValue
" "\""
" "\""
Attribute
Name "aria-autocomplete"
= "="
AttValue
" "\""
" "\""
Attribute
Name "aria-haspopup"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-model"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-on-blur"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-on-click"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-on-change"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-on-input"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-on-keydown"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-on-focus"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-ref"
= "="
AttValue
" "\""
" "\""
/> "/>"
CharData "\n "
element (+479 nodes collapsed)
CharData "\n "
ETag
</ "</"
Name "div"
> ">"
CharData "\n "
ETag
</ "</"
Name "t"
> ">"
CharData "\n\n"
ETag
</ "</"
Name "templates"
> ">"

After

document
prolog
XMLDecl
<? "<?"
xml "xml"
version "version"
= "="
" "\""
VersionNum "1.0"
" "\""
encoding "encoding"
= "="
" "\""
EncName "UTF-8"
" "\""
?> "?>"
element
STag
< "<"
Name "templates"
Attribute
Name "xml:space"
= "="
AttValue
" "\""
" "\""
> ">"
content
CharData "\n\n "
element
STag
< "<"
Name "t"
Attribute
Name "t-name"
= "="
AttValue
" "\""
" "\""
> ">"
content
CharData "\n "
element
STag (+22 nodes collapsed)
content
CharData "\n "
element
EmptyElemTag
< "<"
Name "input"
Attribute
Name "type"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-att-id"
= "="
AttValue
" "\""
" "\""
Attribute
Name "class"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-att-autocomplete"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-att-placeholder"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-att-title"
= "="
AttValue
" "\""
" "\""
Attribute
Name "role"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-att-aria-activedescendant"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-att-aria-expanded"
= "="
AttValue
" "\""
" "\""
Attribute
Name "aria-autocomplete"
= "="
AttValue
" "\""
" "\""
Attribute
Name "aria-haspopup"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-model"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-on-blur"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-on-click"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-on-change"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-on-input"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-on-keydown"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-on-focus"
= "="
AttValue
" "\""
" "\""
Attribute
Name "t-ref"
= "="
AttValue
" "\""
" "\""
/> "/>"
CharData "\n "
element (+479 nodes collapsed)
CharData "\n "
ETag
</ "</"
Name "div"
> ">"
CharData "\n "
ETag
</ "</"
Name "t"
> ">"
CharData "\n\n"
ETag
</ "</"
Name "templates"
> ">"