Fix the unexpected position of hover widgets

[NriotHrreion]

fix #184740
fix #205353

Description

This is a brief explanation of the changes.

The original code

vscode/src/vs/editor/browser/widget/hoverWidget/hoverWidget.ts

Lines 334 to 337 in 11095a2

	const top = Math.min(...targetBounds.map(e => e.top));
	const right = Math.max(...targetBounds.map(e => e.right));
	const bottom = Math.max(...targetBounds.map(e => e.bottom));
	const left = Math.min(...targetBounds.map(e => e.left));

will select a bound like this:

which will position the hover widget at the top-left corner of the bound. And this will make the link in the widget impossible to reach for the mouse.

The changed code

const { top, right, bottom, left } = targetBounds[0];

will select a bound like this:

which makes the widget reachable.

Effect

Before

After

[Tyriar]

Looks good, thanks!