Bootstrap-Popover im Ansichtsfenster behalten

Ich versuche, ein Menü mit einer Seitenleiste mit Schaltflächen zu erstellen, von denen jede ein zugeordnetes Popover mit den relevanten Daten enthält. Unglücklicherweise kann eines der Popovers eine willkürliche Anzahl von Zeilen enthalten und in einigen Fällen kann es teilweise außerhalb des Ansichtsfensters liegen.

Siehe Ссылка für ein Beispiel des Problems (klicken Sie auf die Schaltfläche "Aufgaben")

Ich dachte, ich könnte das Popover-Top programmatisch auf einen definierten Wert ändern, wenn es negativ ist (also außerhalb des Viewports) und dazu habe ich bereits einen Verweis auf das erste div des Popover erhalten, während ich das% co_de gehört habe % Veranstaltung. Leider denke ich aufgrund der Tatsache, dass es noch nicht gerendert wurde, scheint es eine Größe von (23, 107) zu haben, während es etwas wie (300, xxx) und eine Position von (0, 0) sein sollte.

Gibt es eine Möglichkeit, dieses Problem zu lösen? vielleicht das Popover zuerst auf dem Bildschirm rendern, um es zu messen? Wenn ja, wie würde ich das tun?

Danke