hello-pangea/dnd

Keyboard dragging not autoscrolling horizontally with multi-column board example

brettinternet opened this issue · 0 comments

Hi, I'm grateful to the authors for this fork.

Expected behavior

Horizontal autoscroll when keyboard dragging an item in a multiple column board. The view should scroll horizontally with the board example to the columns out of view.

Actual behavior

The item picked up with the keyboard drag does not lift to columns with edges out of the screen's view, and the view does not scroll horizontally to keep up with columns out of view.

Steps to reproduce

Use this example: https://dnd.hellopangea.com/?path=/story/examples-board--medium-data-set

What version of React are you using?

"react": "^18.2.0"

What version of @hello-pangea/dnd are you running?

"@hello-pangea/dnd": "^16.2.0"

What browser are you using?

Chrome Version 111.0.5563.110 (Official Build) (arm64)

Demo

Despite pressing the right arrow key, I am unable to keyboard drag the item to the right two columns.

Screen.Recording.2023-03-30.at.4.32.05.PM.mov