microsoft / microsoft/vscode-edge-devtools

ScrollIntoView() causing the whole page to move

Open
#1,529 5 comments 1 reaction 0 assignees View on GitHub

Nobody has claimed this yet.

bug tracked
Dominant language
TypeScript
Stars
827
Forks
358
Avg merge
20h 32m
Merged PRs (30d)
10

Description

  • 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

image image

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the issue on Windows 11 with extension v2.1.1: open DevTools on the Elements panel, then click the Console panel or focus an element. Search the extension for ScrollIntoView usage and compare the behavior with the reporter's custom DevTools build. Done means switching panels no longer moves the whole page and the DevTools remains in its original position.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
developer-experience, tooling
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
25/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.