bug(@angular/cdk/drag-drop) broken sorting on preview and after drop on webkit browsers (Chrome, Opera)

[krzychu124]

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Item preview should be drawn correctly, and item should be placed according to location at preview

What is the current behavior?

v6.4.7 (smooth animations, broken sorting)

v7.0.0-beta.0 (partial animations, broken sorting)

Item preview and action after drop not working under some conditions.
It looks like it's related to item count, because bug occurs when item count in list exceeds 10 elements.

What are the steps to reproduce?

Run demo-app inside this project with changed horizontalData array content
src/demo-app/drag-drop/drag-drop.ts:
horizontalData = [ '0', '1', '2', '3', '4', '5', '6', '7', '8', '9', '10' ];
and try drag and drop items in horizontal list

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Demo app inside this project - build v6.4.7 and v7.0.0-beta.0,
Webkit browsers: Chrome, Opera

Is there anything else we should know?

I've tested it on various web browsers:
-working on Edge 41.16299.611.0 and Mozilla 62.0 (64bit),
-broken on Chrome 69.0.3497.81 and Opera 55.0.2994.56, Chrome on Android 68.0.3440.91

[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.}