uikit Dropdowns, die vom Überlaufcontainer abgeschnitten wurden

Ich habe eine reaktionsschnelle Tabelle in einem Überlauf-Container, wie in uikit docs beschrieben:

Innerhalb der letzten td jeder Zeile von tbody habe ich einige Dropdown-Buttons:

Am Ende der Tabelle werden die Dropdown-Listen durch den Überlaufcontainer abgeschnitten:

Wie Sie sehen können, scrollt der Überlauf-Container vertikal, und am oberen Rand der Tabelle wird das Dropdown-Menü (oder sozusagen ein Drop-down) einfach abgeschnitten, ohne zu scrollen:

Es ist noch problematischer in einer Tabelle mit nur einer Zeile oder nur wenigen:

Also hier ist, was ich bisher versucht habe, dies zu lösen:

1. Ich habe versucht, die Option boundary zu verwenden, wie in beschrieben uikit docs (Automatischer Dropdown-Flip)

Dies sollte die unteren Dropdown-Menüs nach oben spiegeln, aber die automatische Umkehrung bezieht sich immer noch auf das Ansichtsfenster. Ich habe sogar die id="fix-dropdowns" auf verschiedene übergeordnete Elemente wie table oder tbody

2. Ich habe die Klasse uk-overflow-container entfernt und sie durch ein eigenes CSS ersetzt.

Funktioniert auch nicht.

Lösungen?

Die obigen Beispiele lassen einige Details aus, aber ich habe einen JSFiddle für Sie mit dem genauen Code vorbereitet, der aus meinem Projekt stammt.