ScrollIntoView() causing the whole page to move

[jackiotyu]

• OS: Windows 11
• Extension version: v2.1.1

Describe the bug:

the whole page to move while click the console panel or focus some elements

Repro steps:

devtools start with elements panel.
click console panel.

Expected behavior:

Keep the devtools in its original position
Additional context:
It works with my custom devtools build.
https://stackoverflow.com/questions/11039885/scrollintoview-causing-the-whole-page-to-move

[captainbrosset]

Thanks for reporting this.
I'm a little unclear as to whether this something that happens within your web page only, or if there is also a scrolling problem in DevTools? Are you seeing the DevTools panel scroll? If so, could you please provide a screen recording?

[jackiotyu]

It's the devtools's panel scrolling problem. I will provide screen recording later.

[jackiotyu]

It will be offset by about 4px

It can be fixed by giving more params to scrollIntoView method.
Just a suggestion🤝

[captainbrosset]

Amazing, thank you for the additional information and screen recordings. They help a lot.
Let me make sure this is tracked by the team for prioritization.

[AXLWeb]

Did anyone found any work-around ? I am facing a very similar issue. When having more scrolls in page and one layer has an animation with width (from 0 to 100%) scrollintoView reveals that hidden layer.

Check this demo: https://jsfiddle.net/nb6ag897/

Notice that when you have other scrolls whole page is moved instead of just desired scroll area.
Does anyone knows a workaround to prevent this happening ?