1553859 - Paused line jumps in the debugger editor on scroll

Status: RESOLVED DUPLICATE of bug 1562249

(DevTools :: Debugger, defect, P5)

Description

[jaril]

Attachment: jumpycolumnbreakpoints.gif

User Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_14_4) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/74.0.3729.157 Safari/537.36

Steps to reproduce:

1. Open http://todomvc.com/examples/backbone/
2. Place a breakpoint on line 34
3. Add a to-do item and wait for the debugger to pause
4. Make the editor size small enough that you can scroll horizontally
5. Scroll horizontally while the paused line is in the editor

Actual results:

The column breakpoints unrenders as it approaches the editor's left side. This shifts the position of the paused line's tokens, giving the appearance of "jumpiness".

Expected results:

It shouldn't shift the positions of the paused line's tokens.

Comment 1

[Jason Laster [:jlast]]

Jaril, can you think of a good solution for this? I feel like it is something we have to do in order to have the performance we want.

Comment 2

[David Walsh :davidwalsh]

We can pad the calculations for viewport and add column breakpoints to locations not in viewport. I would be a slight perf hit bu would cut down on perceived jank.

Comment 3

[Jason Laster [:jlast]]

aren't we already padding?

Comment 4

[BugBot [:suhaib / :marco/ :calixte]]

The priority flag is not set for this bug.
:jlast, could you have a look please?

For more information, please visit auto_nag documentation.