Skip to content

[EuiDraggable] Dragging doesnt work for EuiAccordion draggable on mobile with disableInteractiveElementBlocking #5903

@flash1293

Description

@flash1293

Related to elastic/kibana#128098

If EuiDraggable is used with an EuiAccordion child, using the button of an accordion as drag handle (which requires to set disableInteractiveElementBlocking), then the drag is aborted right after it starts on touch devices.

Codesandbox to reproduce:

https://codesandbox.io/s/interesting-kalam-z03t4l?file=/demo.js:1151-1184

  • Open preview in codesandbox in new window
  • View with iPad Mini via dev tools
Kapture.2022-05-17.at.17.03.36.mp4

Without disableInteractiveElementBlocking a button can't be the drag handle.

cc @chandlerprall

Metadata

Metadata

Assignees

Labels

No labels
No labels

Type

No type
No fields configured for issues without a type.

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions