Как включить прокрутку внутри div переполнения - PullRequest
Новая
       70

Как включить прокрутку внутри div переполнения

0 голосов
/ 11 марта 2020

Я реализовал kanban плату с react-beautiful-dnd. Он работает так, как я хочу.

Я бы хотел использовать эту доску в контейнере div с overflow: hidden. Однако это предотвращает перетаскивание карточек в столбцах, находящихся за пределами области просмотра, экран больше не прокручивается по горизонтали вправо.

Я упрощаю проблему, причина в том, что я используя компонент Layout, компонент content которого представляет собой div с overflow: hidden.

Вот codesandbox , который демонстрирует проблему

В принципе, это работает, я можно перетащить карту вправо и она будет прокручиваться по горизонтали: 

<div style={{ overflow: 'unset}} >
    <Kanban />
<div>

Это не так: 

<div style={{ overflow: 'hidden }} >
    <Kanban />
<div>

Может быть, есть способ сбросить первый div как таковой? 

<div style={{ overflow: 'hidden }} >
    <div style={{ }}> // something here to reset container div?
        <Kanban />
    </div>
<div>
...