VS Code QuickFix Menu selected item frame is not visible - visual-studio-code

I am using VS Code 1.71.2 (newest). Before update I used cmd + . shortcut to open QuickFix Menu, up / down arrows to navigate on it and enter to accept selected item. In 1.71 version Visual Studio Code provided many new things and one of the changes was QuickFixMenu - 1.71 verion.
After upgrade, I am not able to do this action.
After using cmd + . shortcut QuickFix Menu opens, but I cannot use up and down arrows for navigating. Enter shortcut works. It is interesting that up and down arrows work (it changes the selected item) but I cannot see the selection frame, so it is not possible for me to know what QuickFix Action I am currently selecting. Please take a look at the screen-shot - the frame of the selected item is not visible.
NO SELECTION FRAME
EXPECTED SELECTION FRAME
Interesting fact, this frame is visible when mouse hover on the specific list item.
What steps I did:
reinstall of VS Code,
removing all my shortcuts from keyblidings.json,
In upgrade the selectNextCodeAction was changed, so I checked in DefaultKeyBlidings weather it is correct,
Any ideas why this selection frame in QuickFix Menu is not visible?

Fixed!
It was fixed here
Go to Preferences: Color Theme and change it.
Problem occurs only while using Dark High Contrast

Related

Which setting in visual studio code has changed selection pattern like these?

I have accidently changed selection pattern in my Visual Studio Code editor so that selection of code in file has been difficult when I want to copy and paste code. Want to reset selection to normal.
Go to File -> Preference -> Settings and search for Column Selection. You want that off if you want the default mouse selection. Also, tip: if you have it off, you can always hold down Shift + Alt if you want that selection action.

VSCode SCM tab suddenly disappeared

I must have pressed a wrong combination of keys with my crooked fingers which caused the version control tab to disappear from the sidebar.
Then I found source control tab somewhere in VSCode, dragged it into the sidebar, it shows the changes, however, the icon is completely different and also it doesn't show the number of current changes.
What happened?
In the below screenshot the yellow icon is what I have for SCM now.
Thanks 🤞
I had to use the View: Reset View Locations command to solve this problem in Visual Studio Code version 1.47 (macOS - Catalina).
To do this, just press Cmd+Shift+P (macOS) or Ctrl+Shift+P (Linux/Windows), type workbench.action.resetViewLocations, then press Enter.
Release notes - May 2020 (version 1.46)
As #rioV8 commented - what solved it for me was to right click on the icon and click "Reset Location"
I am not sure what you actually dragged to the activity bar vscode is really modular in this way; hard to say without being there, but you can re-enable SCM button.
Even if you use the short cut to open the source control view (CTRL + SHIFT + G, it will disappear again after you focus out of it (when it's not enabled).
To re-enable it, right-click anywhere on the Activity Bar and select 'Source Control'
From version 1.46 it is now possible to drag and drop panels and views
If a panel/view is not in a spot you want and you want it back in its original place you can Right Click on the panel/view header and choose Reset Location.
Try right clicking on the bar and you should see a menu like the one below
recheck the source control and the icon should appear.
For people who applied the methods above but still could not see the source control panel where you could jump to editted files quickly but only the side bar, here is the way you can fix it:
After you have got the source control panel appeared, right click any available tabs you have inside the panel, such as commits, file history, branches etc. Then make sure you chose the Source Control.
If the "Source Control" panel is not on the side/activity bar or dissapeared for some reason, you check it on the "Explorer" panel. If you don't see it on the Explorer list, you can find it on the top right menu of the explorer panel. You can just check it and then it appears on the Explorer panel list.
Then you can just drag the Source Control panel and drop it on the side/activity bar. It gets back to its original place.
Finally!!!
As of vscode v1.75 you can reset all the view locations from the Layout Control button near the upper right:

VSCode: Turn auto scrolling permanently ON

In Visual Studio Code, is there any way to force the auto-scrolling option of the Output panel permanently enabled?
At the moment I have to click on the lock button every time I build my project to disable the scroll lock or better to say enable the auto-scrolling feature and this is so annoying.
I took a look at the settings but couldn't find any relevant parameter there.
Any ideas?
An option to turn off the smart scroll feature was included in one of the recent updates (probably in the March 2020 update, I didn't find it in the changelog), see more: issue #69480
Since then, I've been able to "save" the scroll state, try this:
Go to File > Preferences > Settings (or Ctrl + ,)
In Features > Output, disable Smart Scroll option (or search output.smartScroll.enabled)
Tested with VSCode version 1.45.1 and CodeRunner 0.10.0
Smart scrolling allows you to lock scrolling automatically when you
click in the output view and unlocks when you click in the last line
So clicking on the last line will auto scroll to the last line. I made a habit of doing that. Of course disabling Smart Scrolling is the permanent solution.

How to disable the new inspector tooltip in the devtools?

In the latest Chrome version (73.0.3683.86) there is a new feature which adds a tooltip to the Inspector tool which shows information about the hovered element. (see screenshot)
The question now is whether someone has already found out if this function can be disabled.
Very annoying. I don't believe you can disable it at the moment but if you hold down Ctrl/Cmd you can move around the page without it showing up.

Visual Studio Code: How to have both Debug window and Explorer window open together?

I'm new to Visual Code and I have a small question.
You have two buttons circled in red line. The first button opens the Explorer window and the second circled button opens the Debug window.
I want to have both of these windows open. Do you know how to do it?
This is not possible as of VSCode 1.13
A feature request for showing multiple panels was tracked here but the issue has been closed as as-designed. If you are passionate about the problem, please file a new issue to see if thinking on this has changed in the past year
V1.43 will have the ability to move various views, like Variables, Watch and Callstack from the sidebar to the panel (it works nicely in the Insiders' Build v.1.43). Demo:
See v1.43 release notes: https://github.com/microsoft/vscode-docs/blob/vnext/release-notes/v1_43.md#easier-moving-of-even-more-views with a demo gif of dragging views to and from the panel.
and this setting:
We've introduced a new command to make moving views easier
with the keyboard: View: Move Focused View
(workbench.action.moveFocusedView).
And finally, this is a preview feature. So, in case you get into a
state that you can't fix, there is a command to reset all views to
their original locations: View: Reset View Locations
(workbench.action.resetViewLocations).