html-ladybirdbrowser-ladybird-remove-one-line

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.

Before1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8" />
5    <title>CSS Background Tests</title>
6    <link rel="match" href="../expected/css-backgrounds-ref.html" />
7    <meta name="fuzzy" content="maxDifference=0-21;totalPixels=0-72122">
8    <style>
9        .box {
10            width: 180px;
11            height: 160px;
12            border: 1px solid black;
…lines 13–83 unchanged (71 lines)

After1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8" />
5    <title>CSS Background Tests</title>
6    <meta name="fuzzy" content="maxDifference=0-21;totalPixels=0-72122">
7    <style>
8        .box {
9            width: 180px;
10            height: 160px;
11            border: 1px solid black;
12            padding: 5px 10px 15px 20px;
…lines 13–82 unchanged (70 lines)

Before1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8" />
5    <title>CSS Background Tests</title>
6    <link rel="match" href="../expected/css-backgrounds-ref.html" />
7    <meta name="fuzzy" content="maxDifference=0-21;totalPixels=0-72122">
8    <style>
9        .box {
10            width: 180px;
11            height: 160px;
12            border: 1px solid black;
…lines 13–83 unchanged (71 lines)

After1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8" />
5    <title>CSS Background Tests</title>
6    <meta name="fuzzy" content="maxDifference=0-21;totalPixels=0-72122">
7    <style>
8        .box {
9            width: 180px;
10            height: 160px;
11            border: 1px solid black;
12            padding: 5px 10px 15px 20px;
…lines 13–82 unchanged (70 lines)

Before1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8" />
5    <title>CSS Background Tests</title>
6    <link rel="match" href="../expected/css-backgrounds-ref.html" />
7    <meta name="fuzzy" content="maxDifference=0-21;totalPixels=0-72122">
8    <style>
9        .box {
10            width: 180px;
11            height: 160px;
12            border: 1px solid black;
…lines 13–83 unchanged (71 lines)

After1<!DOCTYPE html>
2<html lang="en">
3<head>
4    <meta charset="UTF-8" />
5    <title>CSS Background Tests</title>
6    <meta name="fuzzy" content="maxDifference=0-21;totalPixels=0-72122">
7    <style>
8        .box {
9            width: 180px;
10            height: 160px;
11            border: 1px solid black;
12            padding: 5px 10px 15px 20px;
…lines 13–82 unchanged (70 lines)

Before

document

doctype

<! "<!"

doctype "DOCTYPE"

> ">"

element

start_tag

< "<"

tag_name "html"

attribute

attribute_name "lang"

= "="

quoted_attribute_value

" "\""

attribute_value "en"

" "\""

> ">"

element

start_tag

< "<"

tag_name "head"

> ">"

element

self_closing_tag

< "<"

tag_name "meta"

attribute

attribute_name "charset"

= "="

quoted_attribute_value

" "\""

attribute_value "UTF-8"

" "\""

/> "/>"

element

start_tag

< "<"

tag_name "title"

> ">"

text "CSS Background Tests"

end_tag

</ "</"

tag_name "title"

> ">"

element

self_closing_tag

< "<"

tag_name "link"

attribute

attribute_name "rel"

= "="

quoted_attribute_value

" "\""

attribute_value "match"

" "\""

attribute

attribute_name "href"

= "="

quoted_attribute_value

" "\""

attribute_value "../expected/css-backgrounds-ref.html"

" "\""

/> "/>"

element

start_tag

< "<"

tag_name "meta"

attribute

attribute_name "name"

= "="

quoted_attribute_value

" "\""

attribute_value "fuzzy"

" "\""

attribute

attribute_name "content"

= "="

quoted_attribute_value

" "\""

attribute_value "maxDifference=0-21;totalPixels=0-72122"

" "\""

> ">"

style_element

start_tag

< "<"

tag_name "style"

> ">"

raw_text "\n .box {\n width: 180px;\n height"...

end_tag

</ "</"

tag_name "style"

> ">"

end_tag

</ "</"

tag_name "head"

> ">"

element (+670 nodes collapsed)

end_tag

</ "</"

tag_name "html"

> ">"

After

document

doctype

<! "<!"

doctype "DOCTYPE"

> ">"

element

start_tag

< "<"

tag_name "html"

attribute

attribute_name "lang"

= "="

quoted_attribute_value

" "\""

attribute_value "en"

" "\""

> ">"

element

start_tag

< "<"

tag_name "head"

> ">"

element

self_closing_tag

< "<"

tag_name "meta"

attribute

attribute_name "charset"

= "="

quoted_attribute_value

" "\""

attribute_value "UTF-8"

" "\""

/> "/>"

element

start_tag

< "<"

tag_name "title"

> ">"

text "CSS Background Tests"

end_tag

</ "</"

tag_name "title"

> ">"

element

start_tag

< "<"

tag_name "meta"

attribute

attribute_name "name"

= "="

quoted_attribute_value

" "\""

attribute_value "fuzzy"

" "\""

attribute

attribute_name "content"

= "="

quoted_attribute_value

" "\""

attribute_value "maxDifference=0-21;totalPixels=0-72122"

" "\""

> ">"

style_element

start_tag

< "<"

tag_name "style"

> ">"

raw_text "\n .box {\n width: 180px;\n height"...

end_tag

</ "</"

tag_name "style"

> ">"

end_tag

</ "</"

tag_name "head"

> ">"

element (+670 nodes collapsed)

end_tag

</ "</"

tag_name "html"

> ">"

Keybindings

j / k: next / previous visible node (tree panels)
h / l: collapse / expand the focused node
g / G: jump to first / last visible node
Tab: switch focus between Before/After panels
/: search: jump to next node whose text contains a given string
a: jump the other panel to this node's mapped counterpart
i: hide identical matches, showing only inserted/deleted/updated nodes and their ancestors
v: cycle the view: split / code only / tree only
p: cycle what the code view renders: the node mapping, then each human painting
r: mark this fixture as reviewed, or forget the mark (kept in this browser only)
n: open a random fixture not yet marked as reviewed
?: toggle this help