[drag-drop] allow changing the element of a DropListRef

[shlomiassaf]

Please describe the feature you would like to request.

Allow changing element in DropListRef, similar to how it is done in DragRef

What is the use-case or motivation for this proposal?

Currently, in DragRef we can use withRootElement() to change the element, host of the dragged item. In DropListRef this is not the case, the element is readonly and can not change.

There are scenarios where the element we want to for the container is not reachable, mostly when it is in a component.

<cdk-table cdkDropList></cdk-table>

Now if we want to to have a specific element inside the table to act as the drop container we cant...

I've already raised a somewhat similar issue with the proposal to add an @Input() to cdkDropList but the main concern was exposing an input on the directive for this specific use case that will have to be maintained...

Now that we have a service, one might choose to implement this feature (or not) in his own directive.

E.g.: Use an @Input() that accepts a query selector string and replace the element based on that.

I don't see any reason why we can't change it (maybe there is?). It does not have any event registered so it should be quite simple...

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}