Estoy usando react-beautiful-dnd para mi proyecto donde tengo varias columnas y elementos para arrastrar a lo largo de esas columnas. La función de arrastrar y soltar funciona bien como se esperaba. También tengo otros elementos en la página, como una barra lateral o un encabezado, por lo que, en caso de tener demasiadas columnas, quiero que la operación de desplazamiento se realice solo dentro del contenedor Drag&Drop. Sin embargo, envolver eso con overflow-x: scroll rompe el comportamiento de desplazamiento al arrastrar una tarea desde la primera columna hasta la última.

 <h1>My Page</h1> <div className="columns" style={{ overflowX: 'scroll' }}> // overflowX breaks scrolling while dragging <DragDropContext onDragEnd={ result => onDragEnd(result, columns, setColumns) }> ... </DragDropContext> </div>

Puede alguien ayudarme con esto?