React-Virtualisiert: CellRender geht unter nächste Zeile

Question

Ich bin App mit React-virtualisierten Tabelle erstellen. Ich habe einige benutzerdefinierte Zellen innerhalb jeder Zeile hinzugefügt. Wie Label oder irgendein Img.

Alles funktioniert gut, aber es ist ein seltsames Verhalten.

Innerhalb einer Zelle habe ich ein einfaches Dropdown hinzugefügt, damit der Benutzer einen Wert auswählen kann. Eigentlich meine DropDown Render gehen UNTER die nächste Zeile. Nach einem Klick expandiert das Dropdown und bleibt in der nächsten Zeile.

Gibt es etwas, das ich vermisst habe? Ist es normales Verhalten?

Answer 1

Das Dropdown-Menü wird durch den Stil overflow: hidden der übergeordneten Zeile abgeschnitten. (Es kann auch durch die folgende Zeile des background-color verdeckt werden, wenn Sie eine festgelegt haben.)

Hier ist ein Beispiel dafür, was ich rede WRT Clipping: http://plnkr.co/edit/9iMzJh?p=preview

ich etwas mit empfiehlt react-portal Clipping zu vermeiden Probleme. Ich habe das vorher mit Table benutzt und bin ziemlich glücklich damit.