Tooltip

trigger は属性を受け取って操作を描く関数です。受け取った属性を、Button や ActionLink などフォーカスできる一つの操作へそのまま渡します。id は画面内で一意にします。

TooltipController を tooltip として登録すると、ホバー時とフォーカス時に、delay のミリ秒の後で補足を出します。ポインターとフォーカスが操作と補足の両方から離れると閉じます。操作と補足の間の隙間は補足の一部として扱うので、操作から補足の上へポインターを移しても閉じません。

text は短い一文にし、リンクや操作を入れません。補足の中にフォーカスできる要素があると、controllerは働かず、コンソールに警告を出します。

補足は1pxの灰色（#bbb）の枠・角丸2px・小さな影を持つ白いパネルに11pxの文字で書き、操作の中央の下に出し、収まらなければ上や反対側へ回り込みます。幅は20remを上限にします。CSSのアンカーに対応しない環境では画面の下の中央に出します。

JavaScriptなしでは補足は出ません。補足の文は aria-describedby で操作の説明として読み上げられます。