Is there anyway to move the search box in Visual Studio Code?

Question

As you can see in the below image, the search box is at the top right corner.

Sometimes this image will cover up the text underneath it. Is there a way to move the search box to some other place? For example, like Atom's or Sublime's search box.

Answer 1

NO, there is currently no way to move it.

There was discussion on this amongst the vscode developers: Find Widget UI enhancement.

---

We should definitely not make this move both vertically and horizontally since we do not do this anywhere else in our UX. Introducing such a new concept does not align well with our general workbench UX which is not very flexible

---

Looking at the pictures the docked find widget at the top / bottom feel too heavy for me.

The current find widget solution I like because it is similar to the chrome experience which every user on the planet is familiar with

---

While implementing the docking solution, we found we can actually split this two issues completely. For the issue of covering search result, we can allow users to scroll beyond the first line by the height of Find Widget. It doesn't change Find Widget at all, you can only scroll beyond first line only when the Find Widget is visible so it won't cover anything.

---

I made two changes to the Find Widget for this work item.

• You can resize the Find widget horizontally
• You can scroll beyond the first line when the find widget is visible.

---

Which gives us the only customizations we can do to the search/find widget if it (as you said) "covers up text underneath it":

• You can adjust the width horizontally
• You can set "editor.find.addExtraSpaceOnTop": true to allow "scroll beyond the first line when the Find Widget is visible"