[Webkit-unassigned] [Bug 145324] Web Inspector: Large repaints when typing any character in console

bugzilla-daemon at webkit.org bugzilla-daemon at webkit.org
Thu Mar 3 21:11:43 PST 2016


https://bugs.webkit.org/show_bug.cgi?id=145324

--- Comment #3 from Nikita Vasilyev <nvasilyev at apple.com> ---
Two observations:

1. Chrome DevTools also flashes the whole window on every keystroke.
It doesn't use CodeMirror, it uses `-webkit-user-modify: read-write-plaintext-only` instead. It does use flexbox the same way Web Inspector does.

2. CodeMirror forces layout on every key stroke (that causes text to change):

  // Read the actual heights of the rendered lines, and update their
  // stored heights to match.
  function updateHeightsInViewport(cm) {
    var display = cm.display;
    var prevBottom = display.lineDiv.offsetTop;

https://github.com/WebKit/webkit/blob/master/Source/WebInspectorUI/UserInterface/External/CodeMirror/codemirror.js#L783

If we don't wrap text, we would need to updateHeightsInViewport
only when a line break is inserted or removed, theoretically.

While this would mitigate the issue, it doesn't explain large repaints.

-- 
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <https://lists.webkit.org/pipermail/webkit-unassigned/attachments/20160304/3c736d57/attachment.html>


More information about the webkit-unassigned mailing list