HoverPopover

...

targetEl が HTMLElement の場合、コンストラクタ内で mouseout イベントハンドラが追加される。これによって、ホバーが外れるとポップアップが消えるようになっている。

一方、targetEl が null の場合にはそのようなイベントハンドラはフックされないので、明示的に消そう (`hide`) としないとポップアップが消えないようにできる。

cf. Page preview > どうやって hide しているのか？

特に指定しないと 300 になる。

PopoverState

初期化時は null。
`show` メソッド内に

this.shownPos = P_,
this.position(P_),
Copy

という箇所がある。

P_ は F_ という関数でセットさせる。引数として渡されたイベントの clientX, clientY, doc を P_ に記録する。
F_ は、

1. onHoverLink 内で呼ばれるか、
2. HoverPopover の Constructor 内か、`show` 内で window 全体に対する mousemove イベントハンドラとしてセットされる。

onLinkHover を直接読んだ場合は 1. の可能性はない。なるほど、それで Quick Preview でマウスを使って Suggestions > `setSelectedItem` したときにはマウスの位置にポップオーバーが追従していたのか。

mousemove イベントも発火しない場合は？次は targetEl があればそれに準じて位置が計算される。しかし今回はそれも null である。この場合は、

t = {
                                    top: 0,
                                    bottom: 0,
                                    left: 0,
                                    right: 0
                                };
Copy

#unexposed

ひとつの HoverParent を親としてもつ HoverPopover のうち、実際に開いているものが高々 1 個に抑えられるようにする（これが HoverParent の目的）ための処理をしている。

if (this.parent.hoverPopover) this.parent.hoverPopover.hide();
this.parent.hoverPopover = this;
Copy

#unexposed

if (this.parent.hoverPopover === this) this.parent.hoverPopover = null;
Copy

#unexposed

this.targetEl が存在して document.body の一部である場合、

• this.state を Shown に更新して
• タイマーや位置などの諸処理を行い
• this.onShow を呼んで
• もろもろの処理を行い
• 最後に this.load する。

#unexposed

• this.state を Hidden に更新
• タイマーやイベントハンドラのクリア処理
• その他もろもろの処理
• this.onHide を呼ぶ
• 最後に this.unload する

たぶん、このメソッドを monkey patch して、this.shownPos に好きな {x: number, y: number} をセットしてそれを old の引数に渡すことでポップオーバーの表示位置をコントロールできると思う。