Tooltip/Information hovers too small and cannot be resized

[kdvolder]

$ code --version
1.18.0
dcee2202709a4f223185514b9275aa4229841aa7

• OS Version: Ubuntu 14.04.5 LTS

Steps to Reproduce:

1. Install the recommended extension pack for editing .java files
2. Open a Java project and hover over a method or class that has fairly large documentations.

The hover window that appears to show the information tends to be a little 'tight' to comfortably read the information. This might be allright if, as a user I could resize it somehow. (e.g. by dragging the edges or corners). But it seems there is no way to resize it (or am I missing something?).

Reproduces without extensions: Yes (if you can find something else to produce 'large' documentation hovers).

[roblourens]

Can you post a screenshot?

[vscodebot]

This issue has been closed automatically because it needs more information and has not had recent activity. See also our issue reporting guidelines.

Happy Coding!

[kdvolder]

Screenshot attached. No this isn't 'terrible' its just somewhat annoying. Especially since when mobing the mouse around the hover area to get to the scrollbar the popup tends to close (but maybe that's another problem).

The point is, it feels like I should be able to resize the popup to give it more space, if I wanted to. It's certainly possible to read as is, if you don't mind scrolling up and down.

I beleave that's a perfectly reasonable request, from a user point of view, its rather constraining if the size of the popup is fixed. (In Eclipse, for example these popups can be resized and moved by the user and the IDE remembers this preference for the next time too).

[kdvolder]

Can you please consider re-opening this? And sorry for not responding sooner, I somehow missed the earlier message requesting a screenshot.

[kdvolder]

I've got another screenshot which shows a somewhat more problematic example. There's an ascii table in the given JavaDoc, and its too wide to fit in the available tooltip space (though there is plenty enough space on my actual screen... I just can't use it, which is a bit frustrating :-)

[RoarkeRandall]

super annoying considering I'm on a 4k monitor

[ShenHongFei]

Here is a workaround by hacking the file "C:\Program Files\Microsoft VS Code\resources\app\out\vs\workbench\workbench.main.css"

    /* suggest-widget size */
        .monaco-editor .suggest-widget.docs-side {
            width: 1600px;
        }
        .monaco-editor .suggest-widget.docs-side > .details {
            width: 70%;
            max-height: 800px !important;
        }
        .monaco-editor .suggest-widget.docs-side > .tree {
            width: 30%;
            float: left;
        }
        
    /* parameter-hints-widget */
        .editor-widget.parameter-hints-widget.visible {
            max-height: 800px !important;
        }
        .monaco-editor .parameter-hints-widget > .wrapper {
            max-width: 1600px;
        }

    /* editor-hover */
        .monaco-editor-hover .monaco-editor-hover-content {
            max-width: 1600px;
        }

Simply append the code above after the original content of file, and restart VSCode. (Title bar may alert a warning message "Not Supported" and hacked changes would be overridden by updating VSCode)

[rebornix]

Let's track this issue in #14165

[vscodebot]

Thanks for creating this issue! We figured it's covering the same as another one we already have. Thus, we closed this one as a duplicate. You can search for existing issues here. See also our issue reporting guidelines.

Happy Coding!