Code view:
From the node mapping Minimal Full
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
1 .wp-block-post-comments-form *{pointer-events:none }.wp-block-post-comments-form .block-editor-warning *{pointer-events:auto }
After
1 .wp-block-post-comments-form * {
2 pointer-events: none ;
3 }
4 .wp-block-post-comments-form * .block-editor-warning * {
5 pointer-events: auto ;
6 }
Before
1 .wp-block-post-comments-form *{pointer-events:none}.wp-block-post-comments-form .block-editor-warning *{pointer-events:auto}
After
1 .wp-block-post-comments-form * {
2 pointer-events: none;
3 }
4 .wp-block-post-comments-form * .block-editor-warning * {
5 pointer-events: auto;
6 }
Before
1 .wp-block-post-comments-form *{ pointer-events:none } .wp-block-post-comments-form .block-editor-warning *{ pointer-events:auto }
After
1 .wp-block-post-comments-form * {
2 pointer-events: none ;
3 }
4 .wp-block-post-comments-form * .block-editor-warning * {
5 pointer-events: auto ;
6 }
Before
stylesheet rule_set selectors descendant_selector class_selector . "."
class_name identifier "wp-block-post-comments-form"
universal_selector * "*"
block { "{"
declaration property_name "pointer-events"
: ":"
plain_value "none"
} "}"
rule_set selectors descendant_selector descendant_selector class_selector . "."
class_name identifier "wp-block-post-comments-form"
class_selector . "."
class_name identifier "block-editor-warning"
universal_selector * "*"
block { "{"
declaration property_name "pointer-events"
: ":"
plain_value "auto"
} "}"
After
stylesheet rule_set selectors descendant_selector class_selector . "."
class_name identifier "wp-block-post-comments-form"
universal_selector * "*"
block { "{"
declaration property_name "pointer-events"
: ":"
plain_value "none"
; ";"
} "}"
rule_set selectors descendant_selector descendant_selector class_selector . "."
class_name identifier "wp-block-post-comments-form"
class_selector universal_selector * "*"
. "."
class_name identifier "block-editor-warning"
universal_selector * "*"
block { "{"
declaration property_name "pointer-events"
: ":"
plain_value "auto"
; ";"
} "}"
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
Search (plain substring, no regex):