Web Inspector: DOMTree / Node Details Sidebar do not update as <input> content changes

• Component: Web Inspector
• Status: RESOLVED FIXED

[Joseph Pecoraro]

* SUMMARY
DOMTree / Node Details Sidebar do not update as <input> content changes.

1. When <input> goes from single text node child to multiple
  => inline shadow content editable div updates expand triangle, but fails to update inline text node, shows stale text
2. When text node is selected and and changes text content
  => Node details sidebar still shows old value

* STEPS TO REPRODUCE (1)
1. Inspect <input> on data:text/html,<input value="test">
2. Show Shadow DOM if needed
3. Select the <div contenteditable> shadow element of the <input>
4. Select the "test" text and delete it
  => DOM Tree updated but <div contenteditable> still shows "test" inline text value. Should be "..."

* STEPS TO REPRODUCE (2)
1. Inspect <input> on data:text/html,<input value="test">
2. Show Shadow DOM if needed
3. Select the <div contenteditable> shadow element of the <input>
4. Select the "test" text and replace it with "foo" (this triggers another inline text node
5. Expand the <div contenteditable> and select the text node containing "foo"
6. Show Node details sidebar
7. Start typing in the <input> to change the selected text node
  => Sidebar's Value field should update like the DOM Tree and Navigation Bar, it doesn't

[Radar WebKit Bug Importer]

<rdar://problem/19885587>

[Joseph Pecoraro]

Created attachment 246878 [details]
[PATCH] Proposed Fix

[WebKit Commit Bot]

Comment on attachment 246878 [details]
[PATCH] Proposed Fix

Clearing flags on attachment: 246878

Committed r180344: <http://trac.webkit.org/changeset/180344>

[WebKit Commit Bot]

All reviewed patches have been landed.  Closing bug.