bug(cdkDrag): Issue scrolling/reordering "reversed" lists

[michaelurban]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

For design/UX reasons, I'm using cdk/drag-drop on a list with flex-direction: row-reverse applied. Scrolling does not trigger while dragging among other issues.

Can we get a "reversed" option to support this use case?

Reproduction

Steps to reproduce:`

1. Apply display: flex; flex-direction: row-reverse; to a cdkDropList
2. Try to drag+scroll an element

Expected Behavior

It would be nice if indexes and scroll behavior could work intuitively by adding a reversed option

Actual Behavior

The drag will not scroll the cdkDropList

Environment

• Angular: v19.0.0
• CDK/Material: v19.0.0
• Browser(s): All
• Operating System: Ubuntu

[michaelurban]

It looks like it is supported. You need to import BidiModule and apply the dir="rtl" directive to the parent of the list.

It would be good to have this in the cdk/drag-drop documentation.

So much of Angular development is slamming into a wall only to find out that there's was an unmarked/undocumented tunnel a few hundred feet to the left. I appreciate the work you guys do on Angular/Material but the docs are the worst part of being an Angular developer.