u/GummiGumBear

What is the name of this box hiding the previous line and how to disable it forever?
▲ 3 r/vscode

What is the name of this box hiding the previous line and how to disable it forever?

I have tried to find a solution online, but every suggestion I found is about how to turn off tooltips, autocomplete or suggestions. I don't want to turn off suggestions or autcomplete, only the box that is above the line of code I'm currently writing. I often need data from the previous line and having to hit esc every time to hide the box is slowing me down. I have tried every setting and nothing seems to disable this annoying box. Moving it below the line I'm typing is acceptable, but I can't find any setting for that either.

screenshot: https://i.imgur.com/4fb8ufm.png

edit; Thanks to /u/Own-Beautiful-7557 and /u/Agreeable_Care4440 I knew what to look for. Cheers!

And man, people have been complaining about this issue since 2017. Insane. Anyway for anyone else bothered by this obnoxious box, I've found a (rather ugly, but ok) workaround from here.

  • Download and install the Custom CSS and JS Loader extension.

  • Create a CSS-file and add the following:

      .parameter-hints-widget {
          margin-top: 80px !important;
      }
    
  • You can also add the CSS from the second link, but that blocks the terminal for me so I prefer only adding a top margin. You could also completely hide the box, but I didn't find a way to remove the up/down arrows yet.

  • Follow the instructions from the Extension's README-file (add the custom CSS-file in your JSON-file and restart VS-Code).

This doesn't affect the box below, only the box above it. Result: https://imgur.com/pEKiKJ8

edit2; I forgot you can completely hide elements with CSS lol so for anyone wanting to completely hide the box:

.parameter-hints-widget {
    visibility: hidden !important;
}

result: https://i.imgur.com/2dsyKxQ.png

u/GummiGumBear — 12 days ago