React-Virtualized: CellRender переходит в следующую строку

Я создаю приложение с помощью React-virtualized Table. Я добавил несколько пользовательских рендеров ячеек внутри каждой строки. Например, Label или Img.

Все отлично работает, но есть странное поведение.

Внутри одной ячейки я добавил простой раскрывающийся список, чтобы пользователь мог выбрать какое-то значение. На самом деле мой выпадающий рендер находится ПОД следующей строкой. После щелчка раскрывающийся список развернется и останется под следующей строкой.

Я что-то пропустил? Это нормальное поведение?


person GreGGus    schedule 27.04.2017    source источник


Ответы (1)


Выпадающее меню обрезается стилем overflow: hidden родительской строки. (Он также может быть скрыт background-color в следующей строке, если вы его установили.)

Вот пример того, что я говорю о вырезании: http://plnkr.co/edit/9iMzJh?p=preview

Я предлагаю использовать что-нибудь response-portal, чтобы избежать проблем с отсечением. Я использовал это раньше с Table, и мне это очень понравилось.

person bvaughn    schedule 27.04.2017
comment
не могли бы вы привести пример этого? - person bogdan.css; 04.11.2019