Popup covers the area where a student is typing

[cdsmith]

The documentation popup is in an inconvenient place. When you've typed a function and want to know the arguments, it's logical to hover over that function name. But that puts the popup tooltip right over the text cursor, so you can't see. You have to move the mouse back and forth on and off the function name.

[cdsmith]

[cdsmith]

@nixorn FYI. This looks hard in general. The popup is relative to the mouse pointer, but the request here is that if it would cover up the text cursor, we try different placement rules to avoid this. Might require a change in the hover plugin?

I'll look into it if you don't get to it, so please update the bug if you discover anything.

[cdsmith]

I've been looking at other popups, and noticed that a common rule seems to be "pop up above the element if possible... otherwise below the element". That seems like an improvement to me. I'd also like the popup to be relative to the span, not the mouse pointer. I think those two changes together would solve this problem.

[nixorn]

Looks this really requires changes to addon. Code which updates positions of hover here https://github.com/angelozerr/CodeMirror-Extension/blob/master/addon/hover/text-hover.js#L15
I going to fork this repo, make changes + PR, and make npm in https://github.com/google/codeworld/blob/master/install.sh#L256 install addon from my github.

[nixorn]

related issue angelozerr/CodeMirror-Extension#4