Selecting an element using inspector changes cursor to mobile

[johntony366]

Environment (please complete the following information):

• OS (e.g., Windows 10): WSL2 (Ubuntu 20.04.4 LTS) on Windows 11 Pro
• Extension version (e.g., 1.2.3): 2.1.0

Describe the bug:

Using the inspector to select an element in the dev tools browser causes the cursor to change to the round mobile emulation cursor.

Repro steps:

Select an element using the element inspector in dev tools.

https://user-images.githubusercontent.com/88877609/183004288-21d8817e-4f67-4418-8bb3-6bc658f95dcc.mp4

Expected behavior:

The cursor should not undergo any changes.

https://user-images.githubusercontent.com/88877609/183004395-b39b8a03-10b6-48e3-a6f7-aef888c6a3fc.mp4

[codepo8]

Hello there, this happens because the browser window in the extension is in essence a screencast, much like when you use Device Emulation in the developer tools.

Thanks for bringing that up though, we might want to think about making this optional and not simulate a touch environment in the browser preview panel.

[henrikvilhelmberglund]

I had the same issue and solved(?) it by just commenting out setTouchMode(enabled) { } from around line 2070 to 2080 in ms-edgedevtools.vscode-edge-devtools-2.1.1\out\screencast\screencast.bundle.js.

This will break the mobile presets though so only really useful if you're not developing for mobile. (although the view itself does actually change if you click a preset and alt tab to something else and back to VSCode)